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?table_cols=5&table_rows=3&table_width=&table_bordercolor=%23ddeeff&table_border=5&table_cellpadding=5&table_cellspacing=0&th_bgcolor=%2306e3f7&th_bordercolor=&th_align=&th_valign=&tran_3=1&td_bgcolor=%23f0fbc3&td_bordercolor=%23b7c836&td_align=&td_valign=&tran_1=1&tran_2=1
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)で表を作成