目次作成 HTML ～箇条書き 編～

おはようございます。
近牡と申します。

箇条書きの作成方法について。
使うタグはulタグとliタグの二つ。

ulタグがここに箇条書きするよーというタグで、
liタグがここに箇条書きの項目を設定するよーというタグになります。


<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>

実際の表示

• 項目1


• 項目2


• 項目3

HTMLで使う場合もそうですが、
スタイルシートで使うときも微妙にずれる位置に表示されるため
WEBデザインを考える際に泣かされることも多いです。
でもまあ作成は簡単だし、目的が箇条書きでの表記なら
わかりやすいし使いやすい。
標準化のスタイルシート入れれば表記の揺れもなおせるし。

画像を入れたり、横に説明入れたいとかあれば
前のページで紹介したテーブルも候補にあがりますが、
シンプルに文字やリンク先を並べたいだけなら箇条書きで
十分です。