HTML 列表

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

在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>
	
	
相关推荐
bearpping1 小时前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
@大迁世界2 小时前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript
January12072 小时前
VBen Admin Select 选择框选中后仍然显示校验错误提示的解决方案
前端·vben
. . . . .2 小时前
前端测试框架:Vitest
前端
xiaotao1312 小时前
什么是 Tailwind CSS
前端·css·css3
战南诚3 小时前
VUE中,keep-alive组件与钩子函数的生命周期
前端·vue.js
发现一只大呆瓜3 小时前
React-彻底搞懂 Redux:从单向数据流到 useReducer 的终极抉择
前端·react.js·面试
霍理迪4 小时前
Vue的响应式和生命周期
前端·javascript·vue.js
李剑一4 小时前
别再瞎写了!Cesium 模型 360° 环绕,4 套源码全公开,项目直接用
前端