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>