HTMLの構造
HTMLは大体以下のようなパーツから構成されています。最後に例を載せておきましたので、分からなくても気合で読みすすめてください。
・<html>～</html>
メモ帳などにHTMLを書くときは、まず最初に<html>と書きます。そして様々なタグを書いていき、一番最後に</html>を書きます。
・<head>～</head>
大体は<html>の次に<head>～</head>を書きます。
この中にはタイトル(ブラウザの左上に表示されるタイトル)、スタイルシートの設定などを書きます。
タイトルは<title>～</title>の中に書きます。
・<body>～</body>
次に<body>～</bodygt;を書きます。
この中にメインの内容を書いていきます。コンテンツを書いたり、リンクを貼ったり、画像を貼ったりなどはすべてこの<body>タグの中に書いていきます。
・ソース例(HTMLのことをサイトのソースといいます)
<html>
<head>
<title>ホームページ作成講座</title>
</head>
<body>
自分のホームページを世界に向けて発信しよう！
<br>
<a href="http://www.homepagesakusei.biz/">ホームページ作成とHTMLtop</a>
<br>
Webサイト版<a href="http://www.homepagecreation.net/">ホームページ作成とHTML</a>
</body>
</html>
ソース例を見ると分かると思いますが、タグは最初に書いたものから順番に終了タグを書いていきます。もちろん、終了タグがないタグは気にせずに書いてOKです。
では練習です。
まずパソコンの最初の画面(デスクトップ)で右クリックして「新規作成」→「フォルダ」をクリックしてください。そしてそのフォルダに「練習用サイト」と名前を付けておいてください。
次に上のソース例の<html>から</html>までをコピーしてください。
そしてWindowsならメモ帳などを開いて、今コピーしたソースを貼り付けてください。
次にメモ帳のメニューの「ファイル」→「名前を付けて保存」をクリックしてください。
そして保存の画面で保存先をさっき作った練習用サイトフォルダを選び、ファイル名はrenshu.html、ファイルの種類のところの右の矢印をクリックして「すべてのファイル」を選んで、保存してください。
そしてさっき作ったフォルダの中を見るとrenshu.htmlというファイルができているはずです。
そのファイルを開くとこのように表示されるはずです。
表示されない場合は何処かで間違えています。
ファイル名の最後に.htmlをつけたか？
ファイルの種類を「全てのファイル」にしてか？
などを確認してください。
2006年04月24日