スタートアップ研修記

ichikawaです。html講義について書きます。

本日習ったブロックレベル要素タグは、<hr>タグと、表要素タグの一部です。
表要素は

• <table>
• <caption>
• <colgroup>

を勉強しました。

それではそれぞれ説明して行きます。
まずは<hr>要素タグです。

●<hr>

これは横に罫線を引くための要素です。
このような線です。うっすらですが、見えますでしょうか。

---

これを使えば文章に区切りを付けられるので、長い文章でも見やすくすることができます。下記は<hr>の属性と属性値です。

align(非推奨)

〜配置位置の指定〜

• left 　　　左寄せ
• right　　　右寄せ
• center　　中央寄せ

size（非推奨）

〜太さの指定

width（非推奨）

〜横幅の指定

noshade（非推奨）

〜線を表面的に表現

また<hr>は空要素なので、<hr />と書くことに注意が必要です。
今回は早速<hr>を使って表要素の説明を書いてみようと思います。

表要素とは、<table>要素から構成され、表を作って文書や単語をまとめるのに使うと便利です。

---

●<table>
これは表の範囲を示します。
制限として、<tr>, <thead>, <tbody>, <tfoot>, <caption>, <colgroup>, <col>といった、表をつくる要素意外は含めることができません。
属性と属性値の説明です。

summary

〜表の範囲を示す

width

〜表全体の横幅を示す

frame

〜表の線のどれを表示するかを指定

• void　　　外枠をなしにする
• above 　　上部のみ枠をつける
• below　　下部のみ枠をつける
• hsides　　上下だけ枠をつける
• lhs　　　　左側だけ枠をつける
• rhs　　　　右側だけ枠をつける
• vsides　　左右のみに枠をつける
• box　　　上下左右に枠をつける
• border　　上下左右に枠をつける

rules

〜セルを区切る線の表示形式

• none　線なし
• rows　横列の境界
• cols　　縦列の境界
• all　　　すべての境界
• groups <thead>要素、<tbody>要素、<tfoot>要素、 <colgroup>要素の境界

cell padding

〜セルの内容と枠との間隔の設定

cell spacing

〜セル同士の間隔の設定

align（非推奨）

〜表示位置を指定

• left　　　左寄せ
• right　　右寄せ
• center　中央寄せ

bgcolor（非推奨）

〜表全体のカラーを指定することができる。

---

●<caption>
この要素は表のタイトルを指定することができます。属性alignを使い、表示する位置を指定することもできます。制限事項は、< table>タグの小要素のなかで一番上に記入しなければならないことです。またブロックレベル要素をこの中に含めることもできません。
属性はalignのみで、属性値を

• top　　　表の上
• bottom　表の下
• left　　　表の左
• right　　　表の右

と変えることタイトルの表示位置を指定できます。またタイトルをつける必要をがなければ、無理にこのタグを使う必要はありません。

---

●<colgroup>
この要素は、表の列を構造でグループ化することができます。
制限は、<table>要素内でのみ記述可能であり、<col>要素のみ含むことができます。
今回<colgroup>要素については途中で終わってしまったので、属性については次回アップします。—-
(2008/04/24 13:28 hirafuji追記)
お待たせしました〜！動画をご覧下さい！