Jouhou-Shori II, Sample of Table

高知大学共通教育平成１１年度情報処理 II _y
（理学部数理情報科学科ロ組対象、塩田教官） _y
表のサンプル

タグの使い方は［表示］→［文書のソース］で見てください。

外枠の幅は border オプションで設定します。これは設定値 5 ピクセル

外枠の幅は border オプションで設定します。これは設定値 10 ピクセル

表の幅は width オプションで設定します。これは設定値 500 ピクセル

表の幅は width オプションで設定します。これは設定値 100%

罫線の太さは cellspacing オプションで設定します。

これは設定値 20 ピクセル

セル内の文字と罫線の間隔は cellpadding オプションで設定します。
これは設定値 10 ピクセル

セル内の背景色は bgcolor オプションで設定します。

#ffc0c0 ではこの色。

#c0ffc0 ではこの色。

#c0c0ff ではこの色。

セル内での文字の位置は align オプションで設定します。

left 指定

center 指定

right 指定

valign
オプションは
上下位置を
設定します。

top 指定

middle 指定

bottom 指定

セルの高さは height オプションで設定します。

設定値 50 ピクセル

colspan オプションで横方向のセルの結合ができます。
その１	その２	その３

rowspan オプションで縦方向のセルの結合ができます。	その１の１	その１の２
	その２の１	その２の２
	その３の１	その３の２

表の見出し
caption タグを table タグの内側に書きます。

table タグを重ねるとこうなります。

表の中にリスト環境を実現することもできます。