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>
相关推荐
酉鬼女又兒1 分钟前
零基础快速入门前端CSS Transform 与动画核心知识点及蓝桥杯 Web 应用开发考点解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·css·职场和发展·蓝桥杯·html
sensen_kiss4 小时前
CAN302 电子商务技术 Pt.2 深入了解HTML和CSS
前端·css·学习·html
进击的雷神5 小时前
攻克HTML属性数据埋点与分页偏移陷阱:基于data-id属性提取的精准爬虫设计
前端·爬虫·html·spiderflow
天若有情67318 小时前
前端HTML精讲03:页面性能优化+懒加载,搞定首屏加速
前端·性能优化·html
bjzhang7521 小时前
使用 HTML + JavaScript 实现 SQL 智能补全功能
javascript·html·sql智能补全
天若有情67321 小时前
前端HTML精讲01:别再乱 div 一把抓,吃透语义化标签才是进阶第一步
前端·html
EnCi Zheng1 天前
M1-如何转换为HTML
前端·html
是上好佳佳佳呀1 天前
【前端(一)】HTML 知识梳理:从结构到常用标签
前端·html
天若有情6731 天前
前端HTML精讲02:表单高阶用法+原生校验,告别冗余JS,提升开发效率
前端·javascript·html
我命由我123452 天前
React Router 6 - 编程式路由导航、useInRouterContext、useNavigationType
前端·javascript·react.js·前端框架·html·ecmascript·js