HTML の ul タグは何を意味しますか? HTMLのulタグの役割を詳しく解説-htmlチュートリアル-php.cn

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

寻∝梦

リリース： 2018-08-28 13:42:30

オリジナル

56182 人が閲覧しました

この記事では、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タグの役割を詳しく解説

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

タグの 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タグの役割を詳しく解説

ネストされたリストは、

<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 タグの効果は、図に示すとおりです:

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