セルの幅や高さを指定する

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr><td width="40" height="40">○</td><td>×</td><td>○</td></tr>
<tr><td>×</td><td>○</td><td>×</td></tr>
<tr><td>○</td><td>×</td><td>×</td></tr>
</table>
</body>
</html>

表示サンプル

○×○
×○×
○××

解説

セルに関する指定ですので「<td>」内に記述します。「width」に指定した数値でセルの幅を、「height」に指定した数値でセルの高さをそれぞれ指定します（単位はピクセルとなっています）。

テーブルについての詳細は「テーブルってなに？」を参照下さい。

ＣＳＳを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
td.big { width: 50px; height: 50px ; }
-->
</style>
</head>
<body>
<table border="1">
<tr><td class="big">○</td><td>×</td><td>○</td></tr>
<tr><td>×</td><td>○</td><td>×</td></tr>
<tr><td>○</td><td>×</td><td>×</td></tr>
</table>
</body>
</html>

表示サンプル

別窓でサンプルが開きます

解説

ヘッダ内の記述にて、「TD」タグの「big」（名前は自由に付けてください）と言う名前のものに関しての表示方法を指定しています。それぞれ個別に、

<td style="width:50px;height:50px;" >○</td>

のように記述をすることも出来ます。