難しいことを考えなくてもホームページは作れます
プチなら、書いて→保存 それだけ!

ホームページは難しくない  ちょこっとHTML  Lesson7

<teble><tr><th> 〜</th></tr></table>

テーブルのセル内に 見出しを入れてみましょう。
見出しは セルの 行にも 列にも設定することができます。

通常のセルは <td> 〜 </td> ですが、
見出しの場合は この <td>タグの代わりに  <th> 〜 </th>を使います。
<th> で 設定されたテキストは そのセル内でセンタリングされ 太字に
なって表示されます。

では 下の表を見てください。

月曜日 火曜日 水曜日 木曜日
橋本 松本 伊藤 市川

これは 縦2行 横4列のテーブルです。
1行目のセルのテキストは すべて太字で中央揃えになっているのがわかりますね。

HTMLソースは こんな感じです

<table width="400" border="1">
<tr>
<th>月曜日</th>
<th>火曜日</th>
<th>水曜日</th>
<th>木曜日</th>
</tr>
<tr>
<td>橋本</td>
<td>松本</td>
<td>伊藤</td>
<td>市川</td>
</tr>
</table>

 

今度は この表を縦にしてみました。

月曜日 橋本
火曜日 松本
水曜日 伊藤
木曜日 市川

これは 縦4行 横2列のテーブルです。
今回は 1列目のセルが すべて太字で中央揃えになっていますね。

HTMLタグは こんな感じです。

<table width="200" border="1">
<tr>
<th>月曜日</th>
<td>橋本</td>
</tr>
<tr>
<th>火曜日</th>
<td>松本</td>
</tr>
<tr>
<th>水曜日</th>
<td>伊藤</td>
</tr>
<tr>
<th>木曜日</th>
<td>市川</td>
</tr>
</table>



ホームページは難しくない  ちょこっとHTML  Lesson7

当ホームページは リンクフリーです! 
Copyright (C) 2004. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。