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>
相关推荐
cch89182 小时前
css 样式说明,在页面布局开发中,样式表用于控制组件的尺寸、间距、边框及背景等视觉表现
前端·javascript·html
小李云雾2 小时前
零基础-从ESS6基础到前后端联通实战
前端·python·okhttp·中间件·eclipse·html·fastapi
belldeep7 小时前
前端:Bootstrap 3.0 , 4.0 , 5.0 有什么差别?
前端·bootstrap·html
吃一根烤肠7 小时前
使用ChatGPT Copilot加速Python调试:实战指南
前端·ui·html
血玥珏8 小时前
血玥珏-BMP名字图片生成器
前端·html
ZTLJQ8 小时前
构建网页的三剑客:HTML, CSS, JavaScript 完全解析
javascript·css·html
橘子编程8 小时前
HTML5 权威指南:从入门到精通
前端·css·vue.js·html·html5
anOnion17 小时前
构建无障碍组件之Carousel Pattern
前端·html·交互设计
勇往直前plus1 天前
前端三基石:从后端视角理解 HTML、CSS 与 JavaScript
前端·css·html
酉鬼女又兒1 天前
零基础快速入门前端CSS Transform 与动画核心知识点及蓝桥杯 Web 应用开发考点解析(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·css·职场和发展·蓝桥杯·html