html5--列表

最新推荐文章于 2024-04-22 10:57:48 发布

lyj1625346223

最新推荐文章于 2024-04-22 10:57:48 发布

阅读量293

点赞数

分类专栏： web 文章标签： html5

本文链接：https://blog.csdn.net/lyj1625346223/article/details/80077781

版权

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>列表(有序,无序)</title>
</head>
<body>
<!--1 . 有序列表 ol :order list  li : list item列表项-->
<!--
    type:标志形状 (1,a,A,I,i) I/i是罗马数字
    start:从什么开始
    reversed :从开始的地方倒序反转
-->
<ol type="1" start="3" reversed="reversed">
    <li>上海</li>
    <li>贵阳</li>
    <li>济宁</li>
</ol>
<hr/>

<!-- 2.无序列表 ul: unorder list-->
<!-- type:非常多  decimal圆点 square正方形  罗马数字-->
<ul type="square">
    <li>南京</li>
    <li>杭州</li>
    <li>北京</li>
</ul>

<!--功能:去掉列表项中的标志图标-->
<ul style="list-style:none;">
    <li>登录</li>
    <li>注册</li>
    <li>售后服务</li>
</ul>
<hr/>

<!--3 .自定义列表dl -->
<dl>
    <dt><font color="#ddd">一线城市</font></dt>  <!--标签的嵌套-->
    <dd>北京</dd>
    <dd>上海</dd>
    <dt><font color="gray">二线城市</font></dt>
    <dd>杭州</dd>
    <dd>南京</dd>
</dl>

<!-- 4.div是分块标签(使用最多:网页布局(前端框架都是用div作为页面布局的容器))-->
<div>
    我是div
    测试
</div>
<div>Math.PI</div>

</body>
</html>

lyj1625346223

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5--列表

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;列表(有序,无序)&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;!--1
复制链接

扫一扫