HTMLテーブル生成ツール
行数・列数を設定してセルにデータを入力するだけでHTMLテーブルコードを生成します。
テーブル設定
セルデータ入力
| 見出し行 | |||
| 行 1 | |||
| 行 2 |
生成されたHTMLコード
<table>
<thead>
<tr>
<th>見出し1</th>
<th>見出し2</th>
<th>見出し3</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>使い方
行数・列数を設定し、各セルにデータを入力します。設定はリアルタイムでコードに反映されます。
「1行目をヘッダーにする」をオンにすると、1行目が <thead> 内の <th> として出力されます。
クラス名欄にBootstrapなどのCSSフレームワークのクラスを入力すると、属性に追加されます。
「コピー」ボタンでHTMLをクリップボードにコピーし、エディタに貼り付けてご利用ください。
おすすめサービス
Udemy - プログラミング講座
学習Web開発・アプリ開発を学べるオンライン講座。セール時は1,200円から。
ConoHa WING - 高性能レンタルサーバー
サーバー国内最速の高性能レンタルサーバー。初期費用無料、WordPress簡単セットアップ対応。
エックスサーバー - 国内シェアNo.1
サーバー国内シェアNo.1のレンタルサーバー。高速・安定・大容量でWordPressにも最適。
※ PR・広告を含みます