HTML
HTML5
HTMLタグ
スマートフォン
CSS
CSSプロパティ
CSS・HTML便利ツール
HTML色見本
配色組み合わせツール
特殊文字
JAVA
Android
PHP
Smarty修飾子
EXCEL
WEB技術の辞書・解説・使用例
TOP
>
WEB便利ツール
> HTMLのテーブルを作成するツール
ツイート
HTMLタグでテーブルを作成します。
CSSでのテーブル生成ツールはこちら
▼生成結果のテーブルです。
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
見本1
見本2
見本3
見本4
▼以下を設定して下さい。
TABLE
列数:
行数:
テーブル幅:
枠色:
枠太:
cellpadding:
cellspacing:
TH
背景:
枠色:
文字位置:
-
center
left
right
縦位置:
-
baseline
bottom
center
middle
top
TD
/
TR
以下をTRに指定する
背景:
枠色:
文字位置:
-
center
left
right
縦位置:
-
baseline
bottom
center
middle
top
1列目をTHに
1行目をTHに
▼実行結果 : ソース
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
●●●
▼生成結果のURLです。
http://web-dou.com/tool/html_gen_table2.php
WEB便利ツール
テーブル(TABLE、TH、TD)タグのCSSを生成
グラデーションのCSSを生成
吹き出しのCSSを生成
見出し(リボン・吹き出しなど)のCSSを生成
アニメーションのCSSを生成
角丸(1~8点)のボックス(DIV)のCSSを生成
リスト(UL、LI)タグのCSSを生成
ボックス(DIV)タグのCSSを生成
リング(A)タグのCSSを生成
配色組み合わせ
文字列を &><などに変換
EXCEL表→HTMLのテーブルに変換する
HTMLタグ(TABLE、TR、TH、TD)で表を作成