HTMLの基本
HTMLファイルの基本
文書情報
文字に関する設定
レイアウト
リンク
リストを作る
BACK→>>リンク 5 メールソフトにリンクする。
NEXT→>>リストを作る 2 リストマークを変える。

<ul><li>リスト項目1</li><li>リスト項目2</li>‥‥(必要数のリスト項目)</ul>

要素名属性名説明非推奨必須属性
ul番号なしリスト
typeマークの種類非推奨
compact詰めて表示非推奨
classクラス名
idID名
title補足情報
styleスタイルシート
lang言語コード
dir文字表記の方向
要素名属性名説明非推奨必須属性
liリスト項目
typeマークの種類非推奨
value番号非推奨
classクラス名
idID名
title補足情報
styleスタイルシート
lang言語コード
dir文字表記の方向

ul要素は、丸や四角などのマークの付いたリスト形式で表示します。リスト全体を<ul>〜</ul>で囲み、 その中で各項目を<li>〜</li>で囲みます。li要素の内容は、インライン要素だけでなくブロックレベル要素( リストも含む)もいれることができます。
普通は、全体にインデントされた状態で、各項目は自動的に改行されて表示されます。マークは黒丸が一般的ですが、プラウザによっては 黒丸で表示されるとは限りません。


Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>マーク付きのリストを作る。</title>
</head>
<body>
<ul>
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
<li>リスト項目4</li>
</ul>
<ul>
<li><p>リスト項目1</p></li>
<li><p>リスト項目2</p></li>
<li><p>リスト項目3</p></li>
<li><p>リスト項目4</p></li>
</ul>

</body>
</html>

Internet Explorer8での表示例

マーク付きのリストを作る
表を作る
簡単相互リンクツールtoo-search

相互リンク募集や、お友達のページ紹介、自分のお気に入りサイトを登録できる無料の検索エンジンツール。

登録を募集すれば色んなサイトとのつながりもでき、アクセスアップにも効果抜群。

今すぐ登録!