テーブル(表)の基本構造

トップやさしいHTML教室トップメニュー>テーブル(表)の基本構造 次へ(セルの結合)

<table>〜</table>

まず、テーブルの始まりに<table>、終わりに</table>をおきます。

<tr>〜</tr>

行を指定するタグです。<table>〜</table>の中にこのタグを入れます。

<td>〜</td>

列を指定するタグです。<tr>〜</tr>の中にこのタグを入れます。

<table border="ピクセル数">

テーブルの線の有り、無しと外側の線の太さを指定します。

プレビュー HTMLソース
サンプル
戻る 進む ホーム
1行目の1列目です 1行目の2列目です
2行目の1列目です 2行目の2列目です
1行目の1列目です 1行目の2列目です
2行目の1列目です 2行目の2列目です
<html>
<head>
<title>サンプル</title>
</head>
<body>
<table>
<tr>
<td>1行目の1列目です</td>
<td>1行目の2列目です</td>
</tr>
<tr>
<td>2行目の1列目です</td>
<td>2行目の2列目です</td>
</tr>
</table>

<table border="5">
<tr>
<td>1行目の1列目です</td>
<td>1行目の2列目です</td>
</tr>
<tr>
<td>2行目の1列目です</td>
<td>2行目の2列目です</td>
</tr>
</table>
</body>
</html>

トップやさしいHTML教室トップメニュー>テーブル(表)の基本構造 次へ(セルの結合)