★ ホームページを作ってみよう
�� ★
|
Ｈ Ｔ Ｍ Ｌ を 覚 え た い 〜 ペ ー ジ 構 造 編 （ベース設定） |
Ｗｅｂページを作る場合、最初に、ＨＴＭＬファイルのベースとなる骨組み（構造）を決めます
★ ＨＴＭＬの本を参考にしています ★ ホームページを作ってみよう
�� ★
|
内 容 |
ポイント |
|
|
★ ページの構造 |
大まかな構造としては、下記のようになります
＜ ＨＴＭＬ ＞ ＜ ＨＥＡＤ ＞ ヘッダー情報 ・・・ ページのタイトル、ＨＴＭＬのバージョン 制作者や作成日などの付加情報 ＜ ／ＨＥＡＤ ＞ ＜ ＢＯＤＹ ＞ ボディ情報 ・・・ Ｗｅｂページとして表示させる情報（中身） ＜ ／ＢＯＤＹ ＞ ＜ ／ＨＴＭＬ ＞
|
|
|
★ タ イ ト ル |
＜ ＴＩＴＬＥ ＞ ページの名前 ＜ ／ＴＩＴＬＥ ＞ |
ヘッダー情報 |
|
★ ＨＴＭＬのバージョン |
＜ ！ＤＯＣＴＹＰＥ ＨＴＭＬ ＰＵＢＬＩＣ ”バージョン ”＞
※ ページの一番最初に記述します ＜ ＨＴＭＬ ＞タグの前です
今のバージョンは、「４．０１」ですが、この中にも形式が３つあり 下記の記述は、フレームや推奨しない要素や属性は使えないという 最も厳密なものだそうです
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
ヘッダー情報 |
|
★ 付 加 情 報 |
＜ ＭＥＴＡ ＮＡＭＥ ＝ ”付加情報タグ ” ＣＯＮＴＥＮＴ ＝ ”付加情報の具体的な内容 ”＞ |
ヘッダー情報 |
|
付 加 情 報 タ グ |
◎ 制作者の名前 ・・・ ａｕｔｈｏｒ ◎ コピーライト（著作権、版権） ・・・ ｃｏｐｙｒｉｇｈｔ ◎ 連絡先 ・・・ ｒｅｐｌｙ−ｔｏ ◎ 記述言語 ・・・ ｃｏｎｔｅｎｔ−ｌａｎｇｕａｇｅ ◎ 制作年月日 ・・・ ｂｕｉｌｄ
≪ 記 述 例 ≫
制作者の名前 ・・・ <meta name="author" content="Ｃｏｃｏａ"> |
ヘッダー情報 |
|
★ 背 景 の 色 |
ページの背景（バックグラウンド）の色
＜ ＢＯＤＹ ＢＧＣＯＬＯＲ ＝ ”カラーネーム または Ｗｅｂセーフカラーの数値 ”＞
※ このページで言うと、このページ全体の背景として設定している 薄いグレーの事で、その上にマス目の画像を指定しています
≪ 記 述 例 ≫ <body bgcolor="#D0D0E1">
|
ボディ情報 |
|
★ 文字の基本となる色 |
＜ ＢＯＤＹ ＴＥＸＴ ＝ ”カラーネーム または Ｗｅｂセーフカラーの数値 ”＞
※ このページで言うと、この書いている文字の色の事です ≪ 記 述 例 ≫ <body text="#6633FF"> |
ボディ情報 |
|
|
このページの背景の色と基本の文字の色の記述は、以下のようになります <body bgcolor="#D0D0E1" text="#6633FF"> ※ 背景の色と文字の色は、＜ ＢＯＤＹ＞タグの中に続けて記述します
|
ボディ情報 |
|
★ 文字の基本となるサイズ |
＜ ＢＡＳＥＦＯＮＴ ＳＩＺＥ ＝ ”基本サイズ（ １〜７ ）” ＞
※ このページの文字の基本サイズは、「３」（１２ポイント）
≪ 記 述 例 ≫ <basefont size="3">
|
ボディ情報 |
|
★ 背景に画像を使う |
＜ ＢＯＤＹ ＢＡＣＫＧＲＯＵＮＤ ＝ ”背景として使う画像のＵＲＬ ”＞ |
ボディ情報 |
|
★ ページの上に余白 |
＜ ＢＯＤＹ ＴＯＰＭＡＲＧＩＮ ＝ ”余白のサイズ ”＞ ※ 余白のサイズは、ピクセル数で指定します |
ボディ情報 |
|
★ ページの左側に余白 |
＜ ＢＯＤＹ ＬＥＦＴＭＡＲＧＩＮ ＝ ”余白のサイズ ”＞ ※ 余白のサイズは、ピクセル数で指定します |
ボディ情報 |
|
★ リンク設定した テキストの色を指定 |
＜ ＢＯＤＹ ＬＩＮＫ ＝ ”リンクを設定した部分のテキストの色 ” ＡＬＩＮＫ ＝ ”アクティブリンクのテキストの色 ” ＶＬＩＮＫ ＝ ”アクセスが済んだテキストの色 ”＞
※ 属性値の色指定は、「カラーネーム」または「＃カラーの値」で指定します |
ボディ情報 |