HTML文書作成法

テーブルの作成

テーブル（表）は、HTMLにおいて

文章を上手く配置できる便利な機能です。

●テーブルの基本構造

• <table>〜</table>　テーブルであることの宣言
• <tr>〜</tr>　テーブルの１行です。
• <th>〜</th>　テーブルのヘッダー情報を記述します。
  テーブルの見出し（タイトル）を記述します。
• <td>〜</td>　テーブルの１マスです。

●テーブルの書式設定

<table= " "> <th= " "> <td= " ">

" "部には、

• 　border=" " ：枠のサイズを指定
• 　width="　"←横のサイズを設定。％指定も可能です。
• 　height="　"←縦のサイズの設定。％指定も可能です。
• 　bgcolor="　"←色の設定。

などを記述できます。

なお、よくデザインで使用される「枠線無し」のテーブルを作成するには、

border="0 " と記述してください。

●テーブルの文字揃え

<tr x= " "> <th x= " "> <td x= " ">

x部には、

• valign（縦）
• align（横）

を指定します。

" "部には、

vlignの設定として、

• top（上付き）
• middle（中央）
• bottom（下付き）

alignの設定として

• center（中央）
• rigth（右）
• left（左）

が記述できます。

項目を連結する場合は、

• 縦の時、 rowspan=3
• 横の時、colspan=4

で連結する行数を指定できます。

例では、

３行にわたる指定を行っています。

ここまでで、次のような表を作成できます。

ソースは、このようになります。

トップページ　HTML文書作成法