HTML无序列表

最新推荐文章于 2024-05-12 02:57:44 发布

weixin_46607326

最新推荐文章于 2024-05-12 02:57:44 发布

阅读量1k

点赞数

文章标签： html html5 css

本文链接：https://blog.csdn.net/weixin_46607326/article/details/107710173

版权

	<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表</title>
</head>

无序列表的使用

<h3>type值为square类型的列表</h3>
<ul type="square">                      <!--方形显示-->
    <li>111</li>
    <li>222</li>
    <li>333</li>
</ul>
<h3>type值为circle类型的列表</h3>
<ul type="circle">                     <!--空心圆显示-->
    <li>2222</li>
</ul>
<h3>type值为disc类型的列表</h3>
<ul type="disc">                        <!--圆点显示-->
    <li>333</li>
</ul>
<hr>

有序列表ol的使用

<h3>默认的数字显示</h3>
<ol>
    <li>牛奶</li>
    <li>早餐</li>
    <li>水果</li>
</ol>
<h3>type类型为a</h3>
<ol type="a">
    <li>张三</li>
    <li>李四</li>
</ol>
<h3>type类型为i</h3>
<ol type="i">
    <li>张三</li>
    <li>李四</li>
</ol>
<h3>type类型为A</h3>
<ol type="A">
    <li>张三</li>
    <li>李四</li>
</ol>
<h3>type类型为I</h3>
<ol type="I">
    <li>张三</li>
    <li>李四</li>
</ol>
<h3>type类型为start</h3>
<ol type="1" start="2">        <!--start起始值-->
    <li>张三</li>
    <li>李四</li>
</ol>
<hr>

自定义列表的使用

<dl>
    <dt>吕相毅</dt>
    <dd>是傻逼</dd>
    <dd>sss</dd>
    <dt>html</dt>
    <dd>标签的使用</dd>
</dl>
<hr>
<!--<h3>注释的使用</h3>-->

实例

	<h4>我的电脑文件列表</h4>
<ul>
    <li>我的电脑</li>
    <ul>
        <li>本地磁盘C</li>
        <ul>
            <li>我的文档</li>
            <li>我的收藏</li>
        </ul>
        <li>本地磁盘D</li>
        <ul>
            <li>我的游戏</li>
            <li>我的资料</li>
            <li>我的电影</li>
        </ul>
    </ul>
</ul>
<body>

</body>
</html>

weixin_46607326

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML无序列表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>无序列表</title></head><h2>无序列表的使用</h2><h3>type值为square类型的列表</h3><ul type="square"> .
复制链接

扫一扫