ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML の ul タグは何を意味しますか? HTMLのulタグの役割を詳しく解説

HTML の ul タグは何を意味しますか? HTMLのulタグの役割を詳しく解説

寻∝梦
寻∝梦オリジナル
2018-08-28 13:42:3056162ブラウズ

この記事では、HTML ul タグの 3 つの重要な使い方を主に説明し、li タグや ul タグの type 属性の使用法などの HTML ul タグの説明も説明します。記事も一緒に

まず、HTML の ul タグの意味を説明します。

ul タグは、テーブル内の順序なしリストを定義します。 テーブル内の順序なしリストは、タグのうち、順序なしです。リストは

  • タグと一緒に使用されます。通常にデータを表示する場合、ul は項目のリスト、li はリスト項目です。この 2 つを一緒に使用してデータを表示できます。 (特定のタグの詳細については、PHP 中国語 Web サイトにアクセスして学習してください)

    それでは、ul タグの機能を説明しましょう:

      は順序のないタグで、英語では「unordered list」です。 "、これは閉じたタグです。末尾は
    です。

    使用される具体的な構文は次のとおりです:

    <ul>这里都是内容</ul>

    1. リスト項目タグ

  • と組み合わせてよく使用される
  • の使用法について説明します。フォーマット

    <html>
    <body>
    PHP中文网
    <ul>
    <li>HTML</li>
    <li>PHP</li>
    <li>python</li>
    </ul>
    </body>
    </html>

    は次のとおりです:

    HTML の ul タグは何を意味しますか? HTMLのulタグの役割を詳しく解説

    簡単な使い方は終わりました。今度は、順序なしリスト内の小さなドットを置き換えたいのですが、どうすればよいでしょうか?

    2.

      タグの type 属性は、絵文字のリストのマーク記号を定義できます。一般的には

    • circle (circle)

    • square (正方形)

    • 3 つの属性値、さあ

      練習しましょう:

    ディスクは実験されません。以前と同じで、小さな点で表されます。 正方形の属性値を見てみましょう

    <html>
    <body>
    PHP中文网
    <ul type="square">
    <li>HTML</li>
    <li>PHP</li>
    <li>python</li>
    </ul>
    </body>
    </html>

    上記のコードの効果は次のとおりです:

    少し小さいですが、あまり明白ではありませんが、確かに正方形であることがわかります。形。

    HTML の ul タグは何を意味しますか? HTMLのulタグの役割を詳しく解説

    3. ネストされたリストについて説明します。

    ネストされたリストは、

      タグの下にネストされます。中にulタグを作成します。 最初の
        には 2 つのリスト項目がネストされており、2 番目の
          には 1 つのリスト項目がネストされています。
          <html>
          <body>
          PHP中文网
          <ul type="square">
          <li>这是嵌套
              <ul>
             <li>123</li>
             <li>456</li>
                <ul>
                <li>一二三</li>
                <li>四五六</li>
                </ul>
              </li>
              </ul>
              </li>
          <li>HTML</li>
          <li>PHP</li>
          <li>python</li>
          </ul>
          </body>
          </html>

          上記の HTML 内の ul タグの効果は、図に示すとおりです:

          これらは、HTML ul 順序なしリスト タグの 3 つの比較的単純な使用法であり、CSS の側面もあります。 (詳細については、

          www.php.cnHTML の ul タグは何を意味しますか? HTMLのulタグの役割を詳しく解説 にログインしてください) この記事はここで終わります。ご質問がある場合は、以下からお問い合わせください。

          【編集者のおすすめ】

          HTMLでベースタグの相対パスを記述するには? (使い方の紹介付き)

          HTMLメタタグの役割とは何ですか? HTMLメタタグの使い方を紹介

    以上がHTML の ul タグは何を意味しますか? HTMLのulタグの役割を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。