表を作る

| | トラックバック(0)

どこのサイトでも使用されていて、最も使用頻度の高いタグになるのではないかと思います。

<table>〜</table>
表を作る際には、表全体を上記のタグで囲って制作します。
table要素は、横1列の内容を表しています。

<tr>〜</tr>
横1列の要素が指定されます。

<th>〜</th>
表の中で見出しエリアになるセルに使用するタグです。

<td>〜</td>
表の中でデータを入力するセルに使用するタグです。

実際に記述すると、こんな感じです。
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>サンプル001</th>
<th>サンプル001</th>
</tr>
<tr>
<td>説明001</td>
<td>説明001</td>
</tr>
</table>

この様に見えます。
pic001.png

ボーダープロパティを追加して記述すると、こんな感じです。
<table width="300" border="1" cellspacing="0" cellpadding="0">
<tr>
<th>サンプル001</th>
<th>サンプル001</th>
</tr>
<tr>
<td>説明001</td>
<td>説明001</td>
</tr>
</table>

この様に見えます。
pic002.png

<th>〜</th>タグは、見出し文字を入力する際に記述しますので、センタリングが自動的にされます。表を作成するテーブルタグは、最近では好まれなくなりましたが、ページ全体のレイアウトを決める際にも使用されています。

最近では、cssによってコントロールされているサイトが主流になりつつありますので、本当の表等を作成する際にご利用ください。 

◆Category

トラックバック(0)

このブログ記事を参照しているブログ一覧: 表を作る

このブログ記事に対するトラックバックURL: http://web.elc-world.com/cgi-bin/mt/mt-tb.cgi/11

USEN

WWW Mania Store