| はじめの一歩 |
ＨＴＭＬには基本的なルール？があります。まず <タグ> 〜 </タグ> といったように処理したい部分を挟み込んで指定すること、終わりの部分には "/" をつけるの２点です。中にはこの終わりのタグがいらない、ルールから外れたタグもあります。
<html> −−−− <head> −−− ｜ ： | ＋ ペア </head> −−− ｜ ｜ ペア <body> −−− ｜ ： | ＋ ペア </body> −−− ｜ </html> −−−−
| これだけは外せないもの(構造タグ) |
<html><html> 〜 </html> の間に <head> 〜 </head> と、 <body> 〜 </body> を入れるのがＨＴＭＬのいわばお約束です。
<head>
ホームページの情報にあたるＨＴＭＬを書く部分
</head>
<body>
実際に画面に表示したりするＨＴＭＬを書く部分
</body>
</html>
| ページタイトルをつける |
ここでいうタイトルとは右の図にあたるもののことです。先の「ホームページの情報にあたるＨＴＭＬを書く部分」に記述します。
<html>
<head>
<title>
ホームページタイトル
<title>
</head>
<body>
実際に画面に表示したりするＨＴＭＬを書く部分
</body>
</html>
| 背景(壁紙)を変えたい |
ホームページを見ていると背景に様々な色や画像が使われています。大きく分けて単色と模様？入りがあり、前者は色番号(または色名称)を指定する方法で、後者は壁紙に使うイラストを指定する方法です。(色名称を指定する方法はブラウザによって対応していないものもありますのでここでは紹介しません)
１．色番号を指定する方法<html><body> の中に bgcolor=#ff0000 というオプションを入れました。#ff0000 という部分が色番号にあたります。色番号は、色の３原色を２桁の１６進数(0〜fの組み合わせで256種×３)であらわしたもので "RR(赤)" "GG(緑)" "BB(青)" の構成で表現します。差しあたってはどんな色が表示されるかいろいろ試してみるのも面白いでしょう。
<head>
<title>
背景色指定
<title>
</head>
<body bgcolor=#ff0000>
赤の色番号を背景に指定しました。
</body>
</html>
２．壁紙を指定する方法
このイラストを使って壁紙を指定します。
<html><body> の中に background="image.gif" というオプションを入れました。"image.gif" という部分がイメージファイル名にあたります。
<head>
<title>
壁紙指定
<title>
</head>
<body background="image.gif">
イメージファイルを背景に指定しました。
</body>
</html>
１．色番号を指定する方法
２．壁紙を指定する方法
| 文字色を変えたい |
先ほどと同じようなオプションを使って基本となる文字色を指定してみましょう。
<html><body> の中に text=#ff0000 link=#0000ff というオプションを入れました。"text=#ff0000" が通常の文字色を指定し、"link=#0000ff" がリンク部分の文字色を指定しています。色番号は背景のところに記述した通りです。
<head>
<title>
文字色の変更
<title>
</head>
<body text=#ff0000 link=#0000ff>
通常の文字
リンクの文字
</body>
</html>
| コメントを入れる |
画面上には表示したくないけれどなんらかの形でコメントを入れたい．．．そんなことってありますよね。
<!..コメントです..>右の表示は上の部分を実際に書いてみたものです。
上の部分は表示されません。
上の部分は表示されません。