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>
	
	
相关推荐
JarvanMo20 小时前
没有人比我更懂Flutter第三方依赖鸿蒙化了之Sqflite
前端
子洋20 小时前
AI Agent 设计模式 - PlanAndExecute 模式
前端·人工智能·后端
web小白成长日记20 小时前
自定义 Hooks 的用法和意义详解(结合案例)
前端·css·面试·职场和发展·前端框架
小鸡脚来咯21 小时前
前端传输的数据格式的选择
java·开发语言·前端·后端
小二·21 小时前
【万字源码级剖析】深入理解 Vue 3 响应式系统:ref、reactive、computed 与 effect 的底层实现
前端·javascript·vue.js
Mintopia21 小时前
“开源”和“闭源“,AI 模型的发展方向
前端·人工智能·aigc
Mintopia21 小时前
哈珀·李的《**杀死一只知更鸟**》(*To Kill a Mockingbird*)是一部关于**人性、正义与道德成长**的小说
前端
什么都不会的Tristan21 小时前
Feed流(关注推送)
java·前端·数据库
IT_陈寒21 小时前
Vite 5.0 性能优化实战:从3秒到300ms的构建提速秘籍
前端·人工智能·后端
一路向前的月光21 小时前
前端采用electron-hiprint控件实现静默打印
前端·javascript·electron