3日目1-1 html list関連


リストに関連するタグ
(1)olタグ(=ordered list)
(2)ulタグ(=無秩序リスト)
(3)liタグ(=list)

1. ol tag

<ol>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ol>
順序付きリストタグ
  • a
  • b
  • c
  • 2. ul tag

    <ul>
      <li>a</li>
      <li>b</li>
      <li>c</li>
    </ul>
    シーケンスレスリストタグ
  • A
  • B
  • C
  • 3.リストと画像


    リストに画像を挿入できます
    カリキュラムフォルダ内の画像ファイルではなく、コードのみを記述します.
    <ul>
      <li>
          아메리카노  <br />
        <img src="americano.jpg" alt="americano"  width="100" height="100">
          에스프레소에 물을 넣어 연하게 마시는 커피
      </li>
    </ul>

    4.繰り返しリスト


    List tagのol、ul tagは繰り返し使用できます.
    <ul>
      <li>상위 리스트 1</li>
        <ul>
          <li>하위 리스트1-1</li>
            <ol>
              <li>더 하위리스트 a</li>
              <li>더 하위리스트 b</li>
              <li>더 하위리스트 c</li>
            </ol>
          <li>하위 리스트1-2</li>
          <li>하위 리스트1-3</li>
        </ul>
      <li>상위 리스트 2</li>
        <ol>
          <li>하위 리스트2-1</li>
          <li>하위 리스트2-2</li>
          <li>하위 리스트2-3</li>
        </ol>
      <li>상위 리스트 3</li>
    </ul>
  • 上位1
  • サブリスト1-1
  • 下位リストa
  • 下位リストb
  • 下位リストc
  • サブリスト1-2
  • サブリスト1-3
  • 上位2
  • サブリスト2-1
  • サブリスト2-2
  • サブリスト2-3
  • 上位3
  • なぜlitagがulやolで使われるのか分からないが、この授業を聞いたとき、subtagであることを学んだ.