list の書き方

東京女子大学のトップページ   情報処理センターのページ   東京女子大学の Gmail のページ   東京女子大学の図書館のページ   浅川のホームページ   この授業のホームページへ

html 入門   HTMLの基本となる考え方   タイトル   段落   見出し   list の書き方   表の書き方   リンクの張り方   画像の表示   特殊文字   コメント   スタイルの指定

7. list の書き方

7.1. ul の書き方

箇条書きには

がある。

  箇条書きには、
  <ul>
    <li> 番号なしリスト </li>
    <li> 番号つきリスト </li>
    <li> 定義リスト </li>
  </ul>
 がある。

7.2. ol の書き方

番号つきリスト(Ordered List)は、 ol要素で表す。 項目はli要素である。 終了タグ<li>, </ol>は省略できない。

箇条書きの例。

  <p>ホームページを公開するには、</p>
  <ol>
    <li> 公開する場所を確保する(必要なら mkdir で作り cd する) </li>
    <li> エディタ Emacs などを用いてホームページのソースを作成する </li>
    <li> ホームページのソースを所定の場所に保存する </li>
    <li> ソースを文法チェッカにかけてソースの妥当性を検証する </li>
  </ol>
  <p>が必要である。</p>  

7.3. 定義リストの書き方

定義リスト(Definition List)は、dl要素で表す。 定義対象はdt要素(Definition Term)、 定義対象の説明はdd要素(Definition Description)である。

定義リスト
その範囲が定義リストであることを示す。 用語の説明以外に、シナリオ等にも利用できる。
定義対象
定義する対象の他、シナリオの場合は役者名等を書く。
定義対象の説明
定義対象の説明の他、シナリオの場合は役者のせりふ等を書く。

のソースは以下。

  <dl>
    <dt> 定義リスト </dt>
    <dd> その範囲が定義リストであることを示す。
    用語の説明以外に、シナリオ等にも利用できる。</dd>
    <dt> 定義対象 </dt>
    <dd> 定義する対象の他、シナリオの場合は役者名等を書く。</dd>
    <dt> 定義対象の説明</dt>
    <dd> 定義対象の説明の他、シナリオの場合は役者のせりふ等を書く。</dd>
  </dl>