ラベルのリストの開発

リスト]タブ

コンテナ内のリストと呼ばれるテキストやグラフィックスの形、を搭載しました。

最大の特徴のリストには、きちんとした清潔で整然としたです。
オーダーリスト項目順不同リストのさまざまなレベルの間に区別はありませんが、並置されています。

順序なしリストUL

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无序列表</title>
</head>
<body>
    <!-- 无序列表,自动生成黑点,方块等 -->
    <h3>你喜欢的水果</h3>
    <!-- ul标签不能嵌套其他标签,li标签可以嵌套其他标签 -->
    <ul>
        <li>苹果</li>
        <li>菠萝</li>
        <li>香蕉</li>
        <li>橘子</li>
        <li>雪梨</li>
    </ul>
</body>
</html>

ここに画像を挿入説明

順序付きリストオール

番号順に配列されたアイテムのリストを定義その各々の並び順のリストであるリストを命じました。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有序列表</title>
</head>
<body>
    <h1>国家</h1>
    <ol>
        <li>中国</li>
        <li>美国</li>
        <li>日本</li>
        <li>加拿大</li>
        <li>英国</li>
    </ol>
</body>
</html>

ここに画像を挿入説明
ここで少しオールとULと一致すべてのプロパティなので、実際の作業は、理解されるべきです。

カスタムリスト

この用語は、多くの場合、名詞又は例示および説明のリストは、リストの前に定義されていない箇条書きリスト項目を定義するために使用されます。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自定义列表</title>
</head>
<body>
    <!-- 自定义列表用的较少,一般用于网页底部  -->
    <dl>
        <dt>北京</dt>
        <dd>海淀</dd>
        <dd>昌平</dd>
        <dd>密云</dd>
        <dd>顺义</dd>
        <dd>通州</dd>
    </dl>
</body>
</html>

ここに画像を挿入説明
時折使用マルチフッターフッターのカスタムリスト。

それに注意してください。

1.ul中只能嵌套li,直接在ul标签中输入其他标签或者文字的做法是不被允许的。
2.li之间相当于一个容器,可以容纳所有元素。
3.其他列表同理。
公開された23元の記事 ウォンの賞賛0 ビュー200

おすすめ

転載: blog.csdn.net/CCT912097957/article/details/105270100