网页基础(四)列表

列表分为

1.无序列表

2.有序列表

3.自定义列表

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表</title>
	</head>
	<body>
		<!--
        	作者:[email protected]
        	时间:2020-02-20
        	描述:无序列表
        	ul标签:代表无序列表
        	li标签:无序列表的内容
        -->
        <ul>
        	<li type="square">吃饭</li>
        	<li type="circle">睡觉</li>
        	<li type="disc">打游戏</li>
        	
        </ul>
        <!--
        	作者:[email protected]
        	时间:2020-02-20
        	描述:style可设置多种样式
        -->
        <ul style="list-style-type: square;color: #0000FF;">
        	<li>苹果</li>
        	<li>香蕉</li>
        	<li>橘子</li>
        </ul>
        <ol>
        	<li>政治</li>
        	<li>英语</li>
        	<li>专业一</li>
        	<li>专业二</li>
        </ol>
        <ol type="a">
        	<li>政治</li>
        	<li>英语</li>
        	<li>专业一</li>
        	<li>专业二</li>
        </ol>
        <!--
        	作者:[email protected]
        	时间:2020-02-20
        	描述:自定义列表
        	dl:表示自定义列表
        	dt:用来标识词条
        	dd:标签表示对词条的解释
        -->
        <dl>
        	<dt>蔡徐坤</dt>
			<dd>练习时间长达两年半的练习生会唱跳rap篮球</dd>
        	<dt>GIAO哥</dt>
        	<dd>新生代rapper 一GIAO我里GIAOGIAO</dd>
        </dl>
	</body>
</html>

 

发布了13 篇原创文章 · 获赞 0 · 访问量 117

猜你喜欢

转载自blog.csdn.net/qq_41440413/article/details/104407079
今日推荐