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

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

高洛峰
高洛峰オリジナル
2017-03-04 15:05:413406ブラウズ

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

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

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

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

<dl>
<dt>运动户外</dt>
<dd>板鞋</dd>
<dd>篮球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>

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

属性:
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:リストの開始点
25edfb22a4f469ecb59f1190150159c6:リストの内容

コードは次のように:

<ol type="a" start="55">
<li>板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ol>

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

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


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

<ul type="square">
<li type="disc">板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ul>

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

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