1.番号なしのリスト (Unordered List  UL,LI) 

HTMLの指定
画面表示
文教大学の学部
<ul>
 <li>情報学部</li>
   <ul style="list-style-type:circle">
    <li>情報システム学科</li>
    <li>情報社会学科</li>
    <li>メディア表現学科</li>
   </ul>
 <li>国際学部</li>
 <li>健康栄養学部</li>
 <li>経営学部</li>
</ul>
文教大学の学部
  • 情報学部
    • 情報システム学科
    • 情報社会学科
    • メディア表現学科
  • 国際学部
  • 健康栄養学部
  • 経営学部


2.番号付きリスト (Ordered List  OL,LI)

HTMLの指定
画面表示
文教大学の学部
<ol>
  <li>情報学部</li>
   <ol style="list-style-type:lower-alpha">
    <li>情報システム学科</li>
    <li>情報社会学科</li>
    <li>メディア表現学科</li>
   </ol>
  <li>国際学部</li>
  <li>健康栄養学部</li>
  <li>経営学部</li>
</ol>
文教大学の学部
  1. 情報学部
    1. 情報システム学科
    2. 情報社会学科
    3. メディア表現学科
  2. 国際学部
  3. 健康栄養学部
  4. 経営学部

 リストマーカーのスタイル(list-style-type)

種類 指定 意味
マークなし none マークを表示しない
番号なし(UL) disc 黒丸(→標準)
circle 白丸
square 黒い四角
番号あり(OL) decimal 算用数字(→標準)
lower-alpha アルファベット小文字
upper-alpha アルファベット大文字
lower-roman ローマ数字小文字
upper-roman ローマ数字大文字


3.定義型リスト (DL,DT,DD)

HTMLの指定
画面表示
<dl>
 <dt>用語名</dt>
 <dd>用語の定義(自動的にインデント)</dd>

 <dt>メールアドレス</dt>
 <dd>電子メールの宛先のこと。ユーザ名とドメイン名からなる。</dd>

 <dt>URL</dt> 
 <dd>ホームページの所在(アドレス)を表すもの。先頭はhttp:で始まる。</dd>
</dl>
用語名
用語の定義(自動的にインデント)
メールアドレス
電子メールの宛先のこと。ユーザ名とドメイン名からなる。
URL
ホームページの所在(アドレス)を表すもの。先頭はhttp:で始まる。