タグをHTMLにリスト

;リストは、きちんと清潔、秩序、無料で、より便利なレイアウトになります特徴
:リストは、次の3つのカテゴリに分けることができ順不同リスト注文リストカスタムリスト ;
1、順不同リスト

<p>无序列表 基本语法格式</p>
<p>您的爱好是:</p>
<ul>
    <li>篮球</li>
    <li>长跑</li>
    <li>游泳</li></ul>

結果グラフ:
ここに画像の説明を挿入
注:
a。順序付けられていないリストのリスト間に順序レベルはなく、それらは並列です;
b。ulタグの間にネストできるのはliタグのみで、ulタグと他のタグにテキストを直接書き込むことはできませんはい、テキストやその他のラベルをliタグに書き込むことができます。liタグは大きなコンテナに相当します
。c。順序付けられていないリストには独自のスタイル属性があります。黒い点はデフォルトの属性ですが、実際のレイアウトでは、 CSSでスタイルを設定します。

2.順序付きリスト

<p>有序列表 基本语法格式</p>
<p>分数排行榜:</p>
<ol>
    <li>100</li>
    <li>95</li>
    <li>80</li></ol>

結果グラフ:
ここに画像の説明を挿入
注:
a。順序付きリストは順序付きリストであり、各リスト項目は特定の順序で配置されます;
b。liタグの間でネストできるのはliタグのみで、テキストやその他のタグはolタグ内に直接書き込まれます。いいえ、liタグにはテキストやその他のラベルを書き込むことができます。liタグは大きなコンテナに相当します;
c。順序付きリストには独自のスタイル属性があり、番号はそのデフォルト属性です。 CSSでスタイルを設定します。

3.ユーザー定義リスト
ユーザー定義リストは、用語や名詞の説明に使用されることが多く、各リスト項目の前には記号がありません。

<p>自定义列表 基本语法格式</p>
<dl>  <!--没有样式-->
    <dt>关于我们</dt>
    <dd>CSDN博客</dd>
    <dd>weixin_46410264</dd>
    <dd>ResidualBridge</dd>
</dl>

結果グラフ:
ここに画像の説明を挿入
注:
a.dlタグに含めることができるのはdtタグとddタグのみです
。b.dtタグとddタグの数に制限はありません。多くの場合、dtタグは複数のddタグに対応します
。c.dtタグとddタグは並列関係は包含関係に属していません。

元の記事を13件公開 賞賛された2件 訪問数326

おすすめ

転載: blog.csdn.net/weixin_46410264/article/details/104564597