前ページの basic.htm ファイルにもう少し色々書き込んで、下のようなページを作ってみました。では、このページのソースを見ながら、ここで使われているタグの説明をしたいと思います。実際のページはここをクリックして見て下さい。

 このページのソースです。赤色太字部分は、新しく出て来たタグです。クリックすると、それぞれの説明が出て来ます。
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta harset="Shift_JIS">
<title> My Home Page</title>
<style type="text/css">
<!--
a:link{text-decoration:none;color:#804000}
a:visit{text-decoration:none;color:#808000;}
a:activ{color:#ff0000;}
a:hover{color:#ff8000;}
body{background-color:#ffffcc;color:#1a8000;
margin-top:22;}
</style>

</head>

<!-- ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 本文開始 ・・・・ -->
<body>
<div align="center">
<p><img src="title.gif" alt="Welcome to My Home Page"></p>
<hr><br>
<table border="0"><tr>
<td>

<img src="waremokou.jpg" width="188" height="250" alt="ワレモコウ">
</td>
<td width="16"></td>
<td>
<h3>■ CONTENTS ■</h3>
<a href="sub01.html">
<img src="icon01.png" border="0" align="absmiddle"></a>
What's new 更新情報<br>
<br>
<a href="sub02.html">
<img src="icon02.png" border="0" align="absmiddle"></a>
メイン コンテンツ<br>
<br>
<a href="sub03.html">
<img src="icon03.png" border="0" align="absmiddle"></a>
作者のプロフィール<br>
<br>
<a href="sub04.html">
<img src="icon04.png" border="0" align="absmiddle"></a>
お気に入り、リンク集</td>
</tr></table>
<br><hr>
</div>
</body>
<!-- ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 本文終了 ・・・・ -->
</html>

 他にもHTMLのタグはたくさんありますので、用途別にまとめたページを作りました。この手引きが、ご覧の方々の参考に、少しでもなれば幸いです。

HTMLタグのページ