HTML 列表 - 技术栈

HTML 列表

一壶浊酒..2024-09-07 13:12

列表是网页中最常用的一种数据排列方式

在HTML中，列表共分为三种：有序列表、无序列表和定义列表。在有序列表中，列表项之间有先后顺序之分。在无序列表中，列表项之间是没有先后顺序之分的。而定义列表是一组带有特殊含义的列表，一个列表项中包含"条件"和"列表"两部分。

在HTML中，有序列表中的各个列表项是有顺序的。有序列表从<ol>开始，到</ol>结束。有序列表一般采用数字或字母作为顺序，默认是采用数字顺序。

有序列表的列表项是有一定顺序的，而无序列表的列表项是没有顺序的

html 复制代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset='ut8-8'>
	</head>
	<body>
		<!--type 属性值，默认1 是12345  a：小写的英文字母-->
		<ol type="a">
			<li>Html</li>
			<li>Css</li>
			<li>JavaScript</li>
			<li>JQuery</li>
			<li>Vue.js</li>
		</ol>
        <!------ul元素的子元素只能是li元素，不能是其他元素-->
		<ul type="square">
			<li>Html</li>
			<li>Css</li>
			<li>JavaScript</li>
			<li>JQuery</li>
			<li>Vue.js</li>
		</ul>
		<dl>
			<dt>HTML</dt>
			<dd>制作网页的标准语言，控制网页的结构</dd>
			<dt>CSS</dt>
			<dd>层叠样式表，控制网页的样式</dd>
			<dt>JavaScript</dt>
			<dd>脚本语言，控制网页的行为</dd>
		</dl>
		
	</body>
</html>
</!DOCTYPE>