HTML从入门到精通-4列表

2018-09-02  本文已影响3人  爱python爱生活
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h2>无序列表</h2>
    <!--ul>li*4 然后tab-->
    <ul type="square">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <!--
       disc  默认  小黑圆点
       circle  空心圆
       square  小方框
       -->
    <h2>有序列表</h2>
    <ol type="1" reversed start="2">
        <li>10</li>
        <li>20</li>
        <li>30</li>
        <li>40</li>
    </ol>
    <!--
       1  1 2 3 4  默认
       a  a b c d
       A  A B C D
       I
       i
       reversed  降序排序
       start 有序列表起始值
       -->

    <h2>定义列表</h2>
    <dl>
        <dt>标题</dt>
        <dd>项目1</dd>
        <dd>项目2</dd>
        <dd>项目3</dd>
    </dl>
</body>
</html>
image.png
image.png
上一篇 下一篇

猜你喜欢

热点阅读