HTMLタグ - ページ全体の設定

HOME > HTML > ページ全体の設定

タグ

HTMLの構造の作成
タイトルをつける
背景の色を指定
背景に画像を使う
テキストの標準色を指定
リンクを張ったテキストの標準色を指定
ページの余白を指定

HTMLの構造の作成

上に戻る

<html>～</html>
HTMLファイルであることを宣言します。
どのタグよりも一番最初に<html>を使い、一番最後に</html>を使います。

<head>～</head>
ドキュメントの情報を書き入れる場所です。
<head>～</head>の間はブラウザには表示されません。

<body>～</body>
ブラウザに表示させたい内容を書き込みます。

（例－基本的な構造）

<html>
<head>
<title>タイトル</title>
</head>

<body>

HTMLの構造について...

</body>
</html>

タイトルをつける

上に戻る

<title>～</title>
<head>～</head>の間に書きます。
ここで書いた文はブラウザのタイトルバーやお気に入りに登録された時に表示されます。検索エンジンでホームページのタイトルとして表示されます。

（例）

<head>
<title>@ホームページ@</title>
</head>

@ホームページ@－Microsoft Internet Explorer

背景の色を指定

上に戻る

<body bgcolor=カラー名か#RGB値>
ページ全体の背景色を指定します。
redやblueなどの色の名前を指定するか#FF0000のようにRGB値を指定することで色が変えられます。

（例）

	背景色の指定－Microsoft Internet Explorer
ファイル（F）　編集（E）...
背景色を#FFFF66にします。

背景に画像を使う

上に戻る

<body background=ファイル名>
ページの背景が画像になります。
指定した画像は範囲内で繰り返しタイル状に使用されます。

元の画像

（例）

<body background=samplebg.gif>
背景が画像になります。
</body>

	背景に画像を指定－Microsoft Internet Explorer
ファイル（F）　編集（E）...
背景が画像になります。

テキストの標準色を指定

上に戻る

<body text=カラー名か#RGB値>
ページ全体のテキストの色を指定します。
背景色と同じくredやblueなどの色の名前を指定するか#FF0000のようにRGB値を指定することで色が変えられます。

（例）

<body text=blue>
ページ全体のテキストの色をblueにします。
</body>

	テキストの色の指定－Microsoft Internet Explorer
ファイル（F）　編集（E）...
ページ全体のテキストの色をblueにします。

リンクを張ったテキストの標準色を指定

上に戻る

<body link=☆ vlink=☆ alink=☆>
☆：カラー名か#RGB値
linkはリンクを張ったテキストの色。
vlinkはリンク先のページを表示したことがある場合の色。
alinkはリンクをクリックしたときのテキストの色。
redやblueなどの色の名前を指定するか#FF0000のようにRGB値を指定することで色が変えられます。

（例）

<body link=green vlink=red alink=yellow>
<a href=http://yahoo.co.jp>Yahoo!Japan</a>
</body>

	リンクの色指定－Microsoft Internet Explorer
ファイル（F）　編集（E）...
Yahoo!Japan

ページの余白を指定

上に戻る

<body topmargin=☆ leftmargin=☆>
☆：ピクセル数
画面内の上と左からの余白を指定します。
余白をなくしたい時は0を指定します。
topmarginは上からの余白。
leftmarginは左からの余白。

（例）

<body topmargin=15 leftmargin=25>
上から15ピクセル、左から25ピクセルあけます。
</body>

	余白の指定－Microsoft Internet Explorer
ファイル（F）　編集（E）...
上から15ピクセル、左から25ピクセルあけます。