超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Mozilla Color AccessUp Links SiteMap

■ 番号なしリスト

リストというのは箇条書きみたいなものです。
つまり、こんなのです。

  • 北海道
  • 青森県
  • 岩手県

ソースはこのようになっています。

<ul>
 <li>北海道</li>
 <li>青森県</li>
 <li>岩手県</li>
</ul>

リスト全体を <ul> タグで囲み、リストにしたいテキストを <li> タグで囲みます。

タグ名プロパティ説明
<ul>〜</ul>typedisc黒丸●(デフォルト)
circle白丸○
square黒四角■
<li>〜</li>typedisc黒丸●(デフォルト)
circle白丸○
square黒四角■

リストマークはデフォルト(指定しなければ)では黒丸●ですが、type 属性を使えば白丸○または黒四角■にすることができます。

<ul type="circle">
 <li>秋田県</li>
 <li>宮城県</li>
 <li>山形県</li>
</ul>

  • 秋田県
  • 宮城県
  • 山形県

<ul type="square">
 <li>福島県</li>
 <li>新潟県</li>
 <li>栃木県</li>
</ul>

  • 福島県
  • 新潟県
  • 栃木県

<ul> タグに type 属性を指定すればリスト全体のマークが指定されますが、<li> タグに指定すると指定されたテキストだけが指定されたマークになります。

<ul>
 <li type="disc">茨城県</li>
 <li type="circle">千葉県</li>
 <li type="square">群馬県</li>
</ul>

  • 茨城県
  • 千葉県
  • 群馬県