ホームページ作り−表の作成
HTMLで表を作る方法。
表の作成
HTMLで表を作る方法について解説していきます。 Homupage Writerを使うと、簡単に表関連のタグを挿入できます。
ツールボタンのテーブル
をクリックすると、テーブルダイアログが出ます（下図）。
上図の様に、行を３，列を２，Borderを２にしてＯＫボタンを押してみてください。
<table border="2"> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table>
このようなタグが入ります。タグの説明を以下に記します。
- <table>〜</table>
- このタグに囲まれた間がテーブル（表）になります。 属性のborderは、枠線の太さを設定します。
- <tr>〜</tr>
- このタグに挟まれたものが１行に表示されます。 実際にはこのタグ内に下の<td></td>が入ります。 上の例では２つの<td></td>が含まれているので、 １行に２マス表示されることになります。
- <td>〜</td>
- この間に挟まれたものが表の１マスになります。このマスのことを「セル」と呼んでいます。
実際に表示される文字を書き込むのは、<td>〜</td>の間です。 下のように書いてブラウザで確認してみました。
<table border="2"> <tr><td>１行目左</td><td>１行目右</td></tr> <tr><td>２行目左</td><td>２行目右</td></tr> <tr><td>３行目左</td><td>３行目右</td></tr> </table>
因みにテーブルダイアログでborderの値を-1に設定すると、 border属性を含まないtableタグを入力できます。 スタイルシートで枠線を付けたり、枠線を消してレイアウトに使う場合に用います。