ＨＴＭＬの雛型例

タグは、他にもたくさんありますが、少しづつ覚えていき、分からなくなった時は、本（ＨＴＭＬタグ辞書）や、ホームページで調べればいいと思います。アミタがいつも書いている、雛型のような、ＨＴＭＬファイルの内容を、下に載せておきますので、参考にしてみてください。下記ファイルの表示例


 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META NAME="Author" CONTENT="amita">
<META NAME="Description" CONTENT="ＨＴＭＬファイルの説明">
<META NAME="Keywords" CONTENT="HTML,説明">
<title>ＨＴＭＬの説明</title>
</head>

<body>
<h1>ＨＴＭＬの説明</h1>

<h2>概要の説明</h2>

<p>
基本的にＨＴＭＬファイルは、要素内容としての文章とタグで構成され、要素内容の文章は、
実際に表示したい題名やコンテンツとしての文章となります。要素内容としての文章は、
日本語の全角文字が使えますが、タグは半角英数字を用い、大文字または小文字で表記します。
</p>


<p>
ＨＴＭＬファイルを構成する主要なタグは４つあります。そのうち、３つを構造タグと言い、
<html>、<head>、<body>の文字を使用します。残りの一つは、ブラウザに題名を表示
せる為のタグで、<title>の文字で表します。これらのタグは、ＨＴＭＬファイルには、
必ず必要となるタグです。
</p>

<p><a href="model.html">リンク先を示すタグ</a></p>


<p align="center">ＨＴＭＬファイルは、こんな感じで書きます。</p>

<hr>

<address>
Copyright(C) 2007 www.avaloky.com All Rights Reserved.
</address>

</body>
</html>

ＨＴＭＬファイルに用いる画像ファイルなどは、別のディレクトリを作っておいて、その中に入れておくと管理しやすく、すっきりします。ディレクトリを指定するには、「／」を用いて、「graph/flower.gif」のように書きます。この場合は、「graph」がディレクトリで、「flower.gif」が画像ファイルとなります。