HTMLでホームページを作る
基礎編

HTMLはブラウザ(インターネットエクスプローラーやネットスケープ)に、文字や画像の表示のしかたを指定するための決まり事です。
文字の大きさや色、背景の色、表示される場所などなど、ホームページのレイアウトをHTMLで指定します。
ほとんどのホームページが、このHTMLによって作られています。

百聞は一見にしかず!これを見てください。
<html>

<head>
</head>

<body>
例1のページ
</body>

</html>

これは、最低限度のホームページのファイル(ソース)です。
<html>や<head>。</html><body>等をタグと呼んでいます。
よ〜く見ると、先頭が<html>で、最後が</html>
その中に、<head>と</head>、<body>と</body>があります。

<html>は、「ここからがHTMLですよ」とブラウザに知らせる暗号です。
</html>は、「ここまでがHTMLですよ」とブラウザに知らせる暗号です。
「/」が加わると、「ここまでですよ」という意味になります。
<head>と</head>の間には、ここでは何もかいていませんが、通常ホームページを表示するための基本的なルールを書きます。
<body>と</body>の間には、実際にホームページに表示される内容を書きます。
これがHTMLの基本的な構成です。
これを実際に表示すると(ブラウザがもう一つ開いて表示します。)
文字には、海外の様々な文字があります。
インターネットは世界の国々とつながっていますので、見る人のブラウザにこのページは何語で書かれているのかを知らせる必要があります。
そのおまじないがこれ!
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
何のことだか、さっぱりわかりませんね。
でも、この通りに書けば、「日本語ですよ」ということをブラウザに知らせる役目をしてくれます。
これは、ホームページに表示する内容ではありませんので、<head>と</head>の間に書きます。
charset=X-SJISのところはcharset=ISO-2022-JPでもかまいません。どちらも日本語を示しています。 そこで、こうなります。
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
</head>

<body>
例1のページ
</body>

</html>


ブラウザの片隅に、そのページのタイトルが表示されているのを見かけると思います。
そのタイトルはこのように指定します。
<title>このぺーじのタイトル </title>
これも<head>と</head>の間に書きます。
そしてこんな感じになります。
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=X-SJIS">
<title>このぺーじのタイトル </title>
</head>

<body>
例2のページ
タイトルはここではなくブラウザのどこかに表示されていますよ。
</body>

</html>

<title>から</title>に挟まれた部分がタイトルとして表示されます。
これを実際に表示すると(ブラウザがもう一つ開いて表示します。)
ホームページの画面ではなく、ブラウザのどこか!インターネットエクスプローラーの場合は、一番上の部分です。


4.HTMLでホームページを作る。文字の表示へ
PC−PARKトップに戻る
心の話サイコロTown!へ





広告 万馬券 無料レンタルサーバー ブログ blog