HTMLを使ったホームページの制作〜テーブルを使用する〜

ホームページの制作の中で、表等でわかりやすくまとめるようなページに、テーブルを使用することがあります。
HTMLにおける表はテーブル要素を使って表現し、表の中には１つ以上の行があります。その行の中にはまた１つ以上の「セル」があるという考え方でテーブルを表現します。

行を<tr>(Table Row)セルを<td>(Table Date)で表します。<table>タグの中に罫線とセルの間隔等を指定することにより、より見やすい表らしさを出せます。
<table>〜</table>内に<tr>〜</tr>で行を指定し、さらにその中で<td>〜</td>を使い、セルを指定するやり方となります。

<td>〜</td>を使用する代わりに<th>〜</th>を使用する事で見出しとして太字でセンタリングされた文字を指定する事も可能です。
<table>タグの中にborder属性を追加する事で、数値を指定し、テーブルの枠線の幅を変更する事ができます。

boder属性を０もしくは追加しない場合は、枠線は表示されません。また、align属性を使用する事により、左右中央に表示位置を指定する事ができます。

テーブルはホームページ制作の中で表として使用する他に、レイアウトとして使用する事もありますが、基本的にレイアウトはCSSで行うべきなので、テーブルはホームページ制作の中でレイアウトにはあまり適していないという考え方もあるようです。

次にリスト化についての説明です。
リスト化はブラウザ上で情報を箇条書きのように表現する方法で、ホームページ上で文章を見やすくするために使用される事が多い構造の一つです。

まず<ul>〜</ul>でのリスト化は間に<li>〜</lii>タグを追加して記述する事により、項目の前に「・」がつきます。
このリスト化の仕方を並列列拳リストと呼びます。

次に<ol>〜</ol>タグでのリスト化です。同じく<li>タグを使用します。
こちらは並列列拳リスト化とは違い、項目の前が数字になります。そのためこのリスト化のやり方を順序リストと呼びます。

最後に<dl>〜</dl>タグによるリスト化ですが、このリスト化は上の２つと違い、項目を<dt>〜</dt>と<dd>〜</dd>の間に記述し、リスト化を行うことによって項目１という見出しができ、その下に内容の段落ができます。