【前端学习笔记】——03列表标签

最新推荐文章于 2022-07-14 19:31:11 发布

muyuelingxiao

最新推荐文章于 2022-07-14 19:31:11 发布

阅读量137

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/muyuelingxiao/article/details/103040399

版权

前端学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

03列表标签

3.1无序列表

语法：

<ul>
	<li>列表项</li>
</ul>

属性：disc square circle

3.2有序列表

语法：

<ol>
	<li>列表项</li>
</ol>

属性：

值	描述
1	数字1.2.3…
a	英文小写字母
A	英文大写字母
i	小写罗马数字
I	大写罗马数字

3.3定义列表

语法

<dl>
	<dd>定义列表项</dd>
	<dt>描述列表项</dt>
</dl>

附练习代码：

<!DOCTYPE html>
<html>
<head>
	<mata http-equiv="Content-Type" content="text/html;charset=uft-8"/>
	<title>标题</title>
</head>
	<body bgcolor="pink">
		<h1>《如果有来生》</h1>
		<p>三毛</p>
		<ul type="square">
			<li>非常沉默，非常骄傲，从不依靠，从不寻找。</li>
			<li>如果有来生，有没有人爱我，我也要努力做一个可爱的人。</li>
			<li>不埋怨谁，不嘲笑谁，也不羡慕谁。</li>
			<li>阳光下灿烂，风雨中奔跑。做自己的梦，走自己的路</li>
		</ul>
		<hr/>
		<ul type="circle">
			<li>非常沉默，非常骄傲，从不依靠，从不寻找。</li>
			<li>如果有来生，有没有人爱我，我也要努力做一个可爱的人。</li>
			<li>不埋怨谁，不嘲笑谁，也不羡慕谁。</li>
			<li>阳光下灿烂，风雨中奔跑。做自己的梦，走自己的路</li>
		</ul>
		<hr/>
		<ul type="disc">
			<li>非常沉默，非常骄傲，从不依靠，从不寻找。</li>
			<li>如果有来生，有没有人爱我，我也要努力做一个可爱的人。</li>
			<li>不埋怨谁，不嘲笑谁，也不羡慕谁。</li>
			<li>阳光下灿烂，风雨中奔跑。做自己的梦，走自己的路</li>
		</ul>
		<hr/>

		<h1>《如果有来生》</h1>
		<p>三毛</p>
		<ol type="I">
			<li>非常沉默，非常骄傲，从不依靠，从不寻找。</li>
			<li>如果有来生，有没有人爱我，我也要努力做一个可爱的人。</li>
			<li>不埋怨谁，不嘲笑谁，也不羡慕谁。</li>
			<li>阳光下灿烂，风雨中奔跑。做自己的梦，走自己的路</li>
		</ol>
		<hr/>

		<h1>《如果有来生》</h1>
		<p>三毛</p>
		<dl>
			<dt>这是一首属于自己的诗</dt>
			<dd>非常沉默，非常骄傲，从不依靠，从不寻找。</dd>
			<dd>如果有来生，有没有人爱我，我也要努力做一个可爱的人。</dd>
			<dd>不埋怨谁，不嘲笑谁，也不羡慕谁。</dd>
			<dd>阳光下灿烂，风雨中奔跑。做自己的梦，走自己的路</dd>
		</dl>
	</body>
</html>