サイトマップ
<html>
<head>
<title>いろいろな形式のリスト</title>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
.typ1 { list-style-type: none;
list-style-position: inside;}
.typ2 { list-style-image: url(ball.gif);}
.typ3 { list-style-type: lower-alpha;}
.typ4 { list-style-type: lower-roman;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p>サイトマップ</p>
<ul>
<li class="typ1">映画のページ
<ul>
<li class="typ2">感動的大作</li>
<li class="typ2">コメディ</li>
<li class="typ2">シリアスドラマ</li>
<li class="typ2">ラブロマンス</li>
</ul>
</li>
<li>音楽のページ
<ul>
<li class="typ3">邦楽一般</li>
<li class="typ3">洋楽一般
<ul>
<li>ブルース</li>
<li>ソウル</li>
<li>ファンク</li>
</ul>
</li>
</ul>
</li>
<li class="typ4">掲示板
<ul>
<li>映画に関する掲示板</li>
<li>音楽に関する掲示板
<ul>
<li>邦楽一般</li>
<li>洋楽一般</li>
</ul>
</li>
</ul>
</li>
<li class="typ1">リンク集
<ul>
<li>メディア
<ul class="typ3">
<li>新聞社</li>
<li>テレビ局</li>
</ul>
</li>
<li>検索エンジン</li>
<li>お友達</li>
<li>音楽ページ</li>
<li>映画のページ</li>
</ul>
</li>
</ul>
</body>
</html>