このサイトついて

このサイトではホームページを
作りたいという方のために、
HTML・CSSの解説
便利なソフト・本などの紹介
レンタルサーバの紹介
などを行っています。

テーブル(表)を作りたい

対応ブラウザ

使用するタグ：<table ■>～</table>など

テーブル(表)を作りたい場合は
tableタグで設定します。
■にはborder="枠線の太さ(ピクセル）"を記述することができます。
また、基本的に<table ■>～</table>の間には以下のタグを記述します。

　　・<tr>～</tr>(横一列)
　　・<th>～</th>(見出し)
　　・<td>～</td>(セル)

例

HTMLソース
<table>
<tr><th>曜日</th><th>クラス</th><th>状況</th></tr>
<tr><td>月曜</td><td>入門クラス</td><td>受付終了</td></tr>
<tr><td>水曜</td><td>基礎クラス</td><td>受付中</td></tr>
<tr><td>土曜</td><td>応用クラス</td><td>今期休校</td></tr>
</table>
boder設定
<table border="3">
<tr><th>曜日</th><th>クラス</th><th>状況</th></tr>
<tr><td>月曜</td><td>入門クラス</td><td>受付終了</td></tr>
<tr><td>水曜</td><td>基礎クラス</td><td>受付中</td></tr>
<tr><td>土曜</td><td>応用クラス</td><td>今期休校</td></tr>
</table>

↓

ブラウザ上の表示
デフォルト

曜日	クラス	状況
月曜	入門クラス	受付終了
水曜	基礎クラス	受付中
土曜	応用クラス	今期休校

boder設定

曜日	クラス	状況
月曜	入門クラス	受付終了
水曜	基礎クラス	受付中
土曜	応用クラス	今期休校

戻る

このサイトついて

SPONSORED LINK

テーブル(表)を作りたい