首页 > 其他 > 详细

列表标签

时间:2021-06-18 23:57:34      阅读:20      评论:0      收藏:0      [点我收藏+]

列表标签

3种列表

无需列表

<ul></ul>包含<li></li>
<ul></ul>只能嵌套<li></li>
<li></li>里面可以放其他标签

例子

<h4>这是一个无需列表</h4>
	<ul>
		<li>第一段文字</li>
		<li>第二段文字</li>
		<li>第三段文字</li>
	</ul>

技术分享图片

有序列表

<ol></ol>包含<li></li>
<ol></ol>只能嵌套<li></li>
<li></li>里面可以放其他标签

例子

<h4>这是一个有序列表</h4>
	<ol>
		<li>第一段文字</li>
		<li>第二段文字</li>
		<li>第三段文字</li>
		<li>第四段文字</li>
	</ol>

技术分享图片

自定义列表

上面有一个说明,下面有跟随这个说明做解释的若干项,可以用自定义列表来做。

!(H:\study\学习笔记\2021.6.18\image-20210618154119663.png)

<dl> </dl>只能包含<dt></dt>下面就不要写<dt></dt>改为<dd></dd>

技术分享图片

例子

<dl>
	<dt>名词解释</dt>
	<dd>第一个解释</dd>
	<dd>第二个解释</dd>
	<dd>第三个解释</dd>
</dl>

技术分享图片

列表标签

原文:https://www.cnblogs.com/tallish/p/14901220.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!