3日目1-1 html list関連

10069 ワード
tag html テキストリンク
リストに関連するタグ
(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であることを学んだ.
    MVCは何ですか?
    継承