テーブルのサイズを指定する

トップやさしいHTML教室トップメニュー>テーブルのサイズを指定する 次へ(セルのサイズを指定する)

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

<table> タグにwidth の属性タグを使えば、テーブルの横幅を指定することができます。

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

<table> タグにheight の属性タグを使えば、テーブルの高さを指定できます。

<td width="ピクセル数">

<td> タグにwidth の属性タグを使えば、セルの横幅を指定することができます。

<td height="ピクセル数">

<td> タグにheight の属性タグを使えば、セルの高さを指定することができます。

プレビュー HTMLソース
サンプル
戻る 進む ホーム
table width="150" height="200" です
table width="200"height="50" です
@A
↑@td width="50"height="100"
 Atd width="150"
BC
↑Btd width="20%"
 Ctd width="66%"
<html>
<head>
<title>サンプル</title>
</head>
<body>

<table width="150"height="200"border="1">
<tr>
<td>table width="150" height="200" です</td>
</tr>
</table>

<table width="200"height="50"border="1">
<tr>
<td>table width="200"height="50" です</td>
</tr>
</table>

<table border="1">
<tr><td width="50"height="100">@</td>
<td width="150">A</td>
</tr>
</table>
↑@td width="50"height="100"<br>
 Atd width="150"

<table border="1">
<tr><td width="20%">B</td>
<td width="66%">C</td>
</tr>
</table>
↑Btd width="20%"<br>
 Ctd width="66%"

</body>
</html>

トップやさしいHTML教室トップメニュー>テーブルのサイズを指定する 次へ(セルのサイズを指定する)