いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

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>

おすすめのホームページ作成ソフト

コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。

現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。

ホームページビルダー
初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
Dreamweaver
中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。

『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。

また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。


HTMLタグ
CSS
一口メモ
サンプルソース
用語集