HTML学习之路04-列表标签

来源：互联网发布：拼多多是淘宝旗下的吗编辑：程序博客网时间：2024/06/07 05:57

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>列表标签</title>    </head>    <!--         无序列表：<ul></ul>        有序列表:<ol></ol>          无序列表和有序列表都是通过   <li></li>来显示文字        都可以通过改变type的值来改变文字前的标记     -->    <body>        <h1>无序列表</h1>        <ul type="circle">            <li>中国                <ul>                    <li>北京                        <ul>                            <li>大兴区</li>                            <li>海淀区</li>                            <li>通州区</li>                        </ul>                    </li>                    <li>上海</li>                    <li>广州</li>                 </ul>               </li>            <li>美国</li>            <li>日本</li>        </ul>        <h1>有序标签</h1>        <ol type="A">            <li>中国                <ol>                    <li>北京                        <ol>                            <li>大兴区</li>                            <li>海淀区</li>                            <li>通州区</li>                        </ol>                    </li>                    <li>上海</li>                    <li>广州</li>                 </ol>               </li>            <li>美国</li>            <li>日本</li>        </ol>    </body></html>

效果图如下

这里写图片描述

阅读全文

0 0