HTML——41有序列表

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>有序列表</title>
	</head>
	<body>
		
		
		<!--有序列表:-->
			<!--1.列表中各个元素在逻辑上有先后顺序,但不存在一定的级别关系-->
			<!--2.有序列表中,列表项之间属于并列关系-->
			<!--有序列表语法:-->
				<!--<ol>有序列表开始-->
					<!--<li></li>每一个列表项-->
				<!--</ol>有序列表结束-->
			<!--4.有序列表中的列表项默认以数字开头,可以用"type"属性修改-->
			<!--5.type属性:数字:1   (type=1) 小写英文:a(type="a")  大写英文:A  小写罗马:i  大写罗马:I-->
			<!--6.不赞成使用type属性修改,可以使用css代替-->
			<!--7.开发中有序列表基本用不上-->
				
				
		<ol type="a">
			<li>辽宁</li>
			<li>吉林</li>
			<li>黑龙江</li>
		</ol>
		
		<ol type="I">
			<li>辽宁</li>
			<li>吉林</li>
			<li>黑龙江</li>
		</ol>
		
		<ol style="list-style-type: upper-alpha;">
			<li>辽宁</li>
			<li>吉林</li>
			<li>黑龙江</li>
		</ol>	
				
	</body>
</html>
相关推荐
We་ct12 小时前
HTML5 原生拖拽 API 基础原理与核心机制
前端·javascript·html·api·html5·浏览器·拖拽
每天吃饭的羊14 小时前
水平,垂直居中
前端·javascript·html
亿牛云爬虫专家14 小时前
告别空壳HTML!Node.js + Playwright + 代理IP 优雅抓取动态网页实战
node.js·html·爬虫代理·动态网页·数据抓取·代理ip·playwright
隔窗听雨眠14 小时前
HTML头部元信息避坑指南
前端·html
Wect16 小时前
HTML5 原生拖拽 API 基础原理与核心机制
前端·面试·html
shadowcz00716 小时前
CHI 2026 归来:AI/LLM 正在重写人机交互的底层语法
前端·人工智能·html·人机交互
fqrj202616 小时前
网站建设公司怎么选?国内口碑网站建设公司推荐哪家?
大数据·人工智能·html·网站开发
之歆17 小时前
Day01_HTML 基础知识完全指南:从零开始的 Web 开发之旅
前端·html
yivifu17 小时前
接近完善的HTML双行夹批显示方案
前端·javascript·html·html双行夹批
捧月华如17 小时前
HTML/CSS基础:构建网页的骨架与样式
前端·css·html