tableタグ
tableタグの意味
tableタグは、表を意味します。
レイアウト崩れを防ぐため、tableタグでレイアウトしているホームページもありますが、本来のタグの意味とは違う使い方なので、表の場合にのみ使うようにしましょう。
tableタグの使い方
tableタグは単独では使用せず、横一段を表すtrタグとヘッドセルを表すthタグ、データセルを表すtdタグとセットで使用します。
線を表すborder、幅を表すwidth、セルの間隔を表すcellspacing、セル内の余白を表すcellpadding属性を指定することができます。
サンプルHTMLソース
<table border="0" width="500" cellspacing="0" cellpadding="10">
<tr>
<thのコンテンツ</th>
<td>任意のコンテンツ</td>
</tr>
</table>
<tr>
<thのコンテンツ</th>
<td>任意のコンテンツ</td>
</tr>
</table>
おすすめのホームページ作成ソフト
コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。
現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。
- ホームページビルダー
- 初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
- Dreamweaver
- 中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。
『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。
また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。