テーブルタグその2

TOPページ > 初心者のためのタグ講座

5．テーブルタグその2

01.テキスト、フォント関係	02.画像の貼り方	03.リンクの貼り方	04.テーブルタグその1
05.テーブルタグその2	06.テーブルタグその3	07.テーブルタグその4	08.テーブルタグその5
09.テーブルタグその6	10.テンプレの作り方	11.テンプレの作り方-日記編	12.その他のタグ

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

<table border="1" width="横幅" height="高さ">

<tr>
<td>表示する文章など</td>
</tr>

</table>

横幅を200高さを100にすると

表示する文章など

このようになります。

<td>タグごとにサイズを指定する
上では<table>タグ内でサイズを指定しましたが今度は<td>タグ内で指定します。

<table border="1">

<tr>
<td width="横幅" height="高さ">表示する文章など1</td>
<td width="横幅" height="高さ">表示する文章など2</td>
</tr>

</table>

両方とも横幅を150高さを100にすると

表示する文章など1

表示する文章など2

このようになります。
サイズは%でも指定できます。

基本的にテーブルタグ内でサイズを指定するより<td>タグ内でサイズを指定した方がいいと思います。

きちんとサイズを指定することでテンプレを作ったときに表示が崩れにくくなります。

セル同士の隙間
※表のデータが入る部分のことをセル(cell)と呼びます。

<table border="1" cellspacing="隙間の数値">

<tr>
<td>表示する文章など</td>
<td>表示する文章など</td>
<td>表示する文章など</td>
</tr>

<tr>
<td>表示する文章など</td>
<td>表示する文章など</td>
<td>表示する文章など</td>
</tr>

</table>

数値が0の場合

表示する文章など	表示する文章など	表示する文章など
表示する文章など	表示する文章など	表示する文章など

数値が10の場合

表示する文章など	表示する文章など	表示する文章など
表示する文章など	表示する文章など	表示する文章など

セルとデータの隙間
※表のデータが入る部分のことをセル(cell)と呼びます。

<table border="1" cellpadding="隙間の数値">

<tr>
<td>表示する文章など</td>
<td>表示する文章など</td>
<td>表示する文章など</td>
</tr>

<tr>
<td>表示する文章など</td>
<td>表示する文章など</td>
<td>表示する文章など</td>
</tr>

</table>

数値が0の場合