ホームページ > ウェブフロントエンド > htmlチュートリアル > htmlの順序なしリストタグと順序付きリストタグの使用例を詳しく解説

htmlの順序なしリストタグと順序付きリストタグの使用例を詳しく解説

高洛峰
リリース: 2017-03-04 15:05:41
オリジナル
3461 人が閲覧しました

この記事では、HTML の順序なしリスト タグと順序付きリスト タグの使用例を主に紹介します。必要な方は参考にしてください。

1. 上位層と下位層のリスト タグ:

...
:

上層 dt
下層 dd: カプセル化されたコンテンツは自動的にインデントされます

コードは次のとおりです:

<dl>
<dt>运动户外</dt>
<dd>板鞋</dd>
<dd>篮球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>
ログイン後にコピー

2. 順序付きリストを定義します:

    属性:
    type: 並べ替えを設定できます。 style (li にこの属性を個別に追加することもできます)
    1 は 1、2、3、4 で表されることを意味します
    a は a、b、c、d で表されることを意味します
    A は A、B で表されることを意味します, C, D
    i は i ,ii,iii で表されることを意味します
    I は I,II,III を表します
    start:リストの開始点

  1. :リストの内容

    コードは次のように:

    <ol type="a" start="55">
    <li>板鞋</li>
    <li>篮球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ol>
    ログイン後にコピー

    3. 順序なしリストを定義します:

    属性: タイプ: 並べ替えスタイルを設定するか、この属性を li に個別に追加できます
    黒丸 (デフォルト値)
    円中空円
    四角形実線正方形

  2. : リストコンテンツ


    コードは次のとおりです:

    <ul type="square">
    <li type="disc">板鞋</li>
    <li>篮球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ul>
    ログイン後にコピー

    HTML の順序なしリスト タグと順序付きリスト タグの詳細な使用例については、PHP の中国語 Web サイトに注意してください。関連記事!

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート