HTMLリストと表


リスト-ul、ol、li


ol (ordered list)

  • 順番のリスト1,2,3...順番に並べられたリストを作成します.整列リストは
      、リスト内容は
    1. です.
    2. <ol>
        <li>Mix flour, baking powder, sugar, and salt.</li>
        <li>In another bowl, mix eggs, milk, and oil.</li>
        <li>Stir both mixtures together.</li>
        <li>Fill muffin tray 3/4 full.</li>
        <li>Bake for 20 minutes.</li>
      </ol>
    3. Mix flour, baking powder, sugar, and salt.
    4. In another bowl, mix eggs, milk, and oil.
    5. Stir both mixtures together.
    6. Fill muffin tray 3/4 full.
    7. Bake for 20 minutes.
    8. typeプロパティ(「A」,「a」,「I」)をスケールすることで、数字をアルファベットおよびローマ字に変更できます.
    9. ul (unordered list)

    10. の前に表示され、無秩序なリストを作成します.無秩序リストは
        ,リスト内容は
      • である.
      •     <ul>
              <li>Milk</li>
              <li>
                Cheese
                <ul>
                  <li>Blue cheese</li>
                  <ul>
                    <li>Feta</li>
                  </ul>
                  <li>Cheddar cheese</li>
                </ul>
              </li>
            </ul>
      • Milk

      • Cheese
      • Blue cheese
      • Feta
      • Cheddar cheese
      • 定義リスト-dl、dt、dd


        dl (definition list)

      • 辞書のような用語のリストを定義または記述する.
      • dt (definition term)


        用語
      • のタイトルを記入するために使用される.
      • dd (definition description)

      • 用語を記述するために使用される.
      • 表-table,tr,th,td



        table

      • テーブルのHTMLタグを生成します.
      • は以前はレイアウトのために表タグを使用していたが、html 5は大量のシンボルタグを生成したため、2次元マトリクスとしてしか表示できなかった.
      • tr (table row)

      • テーブル行のタグを作成します.
      • th (table header)

      • 表のタイトル部分を作成するためのタグです.
      • td (table data)

      • HTMLテーブルでデータ単位を定義します.
      • thead, tbody, tfoot

        <table>
            <thead>
                <tr>
                    <th>출장비 내역</th>
                    <th>금액</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>교통비</td>
                    <td>45000</td>
                </tr>
                <tr>
                    <td>식비</td>
                    <td>5000</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>총 합계</td>
                    <td>103000</td>
                </tr>
            </tfoot>
        </table>
        旅費明細
        金額
        交通費
        45000
        食費
        5000
        合計
        103000

        thead (table header)

      • 表の見出し.(旅費明細、金額)
      • tbody (table body)

      • 表の本体.(交通費、食費)
      • tfoot (table footer)

      • 表において、ツイッターに対応する.(合計)
      • caption

      • タイトルはtableを説明するために作成された要素です.
        (画像、ビデオ、テキスト、プリタグなど)