Html中＜列表＞标签的使用-CFANZ编程社区

Html中＜列表＞标签的使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- ol标签在html中作为有序列表元素使用,使用后会在列表项前面渲染好列表序号 -->
    <ol type="I">
        <li>有序列表项目1</li>
        <li>有序列表项目2</li>
        <li>有序列表项目3</li>
        <li>有序列表项目4</li>
        <li><img src="http://icosky.com/icon/thumbnail/Internet%20%26%20Web/Safari%20Replacement%20Icon/Safari%20Replacement%20Icon%20icon%20thumbnail.jpg" alt="显示一张图片"></li>
    </ol>
    <!-- ul标签在html中作为无序列表元素使用,使用后会在列表项前面渲染好系统预置的列表提示符号 -->
    <ul type="circle">
        <li>无序列表项目1</li>
        <li>无序列表项目2</li>
        <li>无序列表项目3</li>
        <li>无序列表项目4</li>
        <li><img src="http://icosky.com/icon/thumbnail/Internet%20%26%20Web/Safari%20Replacement%20Icon/Safari%20Replacement%20Icon%20icon%20thumbnail.jpg" alt="显示一张图片"></li>
    </ul>
    <!-- 他们的列表项目前的符号显示都可以通过属性去进一步自定义 -->
    <!-- 列表中项目也可以用图文混编或者多内容多样式混合编辑,这样也能形成一个独立的块状整体内容 -->
</body>
</html>

Html中<列表>标签的使用，具体使用方式在代码注释中有详细支持

0 条评论