今日、やったこと

今日のホワイトボード

複数のHTMLファイルで１つのサイトを構成する場合、おなじデザインにするために各HTMLファイル中の<style>～</style>が重複することなる。

これはあまりいい状態ではない。

一般的にデザイン設定はスタイルシートファイル(拡張子.css)に設定し、HTMLはこのファイルを読み込むことでデザインを設定する。

図　HTMLファイルとスタイルシートファイル

テーブルとも呼ぶ。

今更だけど、行と列の違いを把握しておいてください。

また、タグがいっぱい出てきます。ご注意を。

図　HTMLの表のタグ

横方向の結合にはcolspan属性を、縦方向の結合にはrowspan属性を使って、結合するセル数を指定する（属性指定セルもカウントする）。

図　表のセルを結合する（colspan属性、rowspan属性）

ヘッダー行(タイトル行)を表す<thead>、ボディー部を表す<tbody>、フッター行を表す<tfoot>もある。

図　表のヘッダー行、ボディー部、フッター行を表すタグ

各タグ表示エリアの境界の外側、内側で余白には2種類ある。

図　2種類の余白と境界線

境界の外側の余白はmargin属性。

境界の内側の余白はpadding属性。

境界線の指定にはborder属性。

margin、paddingは上下左右４つの余白を設定するが、1か所（上だけ、右だけ）だけ指定するための属性もある。

図　1か所だけ余白指定