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>
	
	
相关推荐
前端摸鱼匠18 分钟前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker39 分钟前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding2 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马2 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren2 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川2 小时前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端
jinanwuhuaguo3 小时前
(第二十九篇)OpenClaw 实时与具身的跃迁——从异步孤岛到数字世界的“原住民”
前端·网络·人工智能·重构·openclaw
广州华水科技3 小时前
深度测评2026年单北斗GNSS位移监测系统推荐,与高口碑变形监测设备一同引领行业新风尚
前端
Alice-YUE3 小时前
【js高频八股】防抖与节流
开发语言·前端·javascript·笔记·学习·ecmascript