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>
相关推荐
前端Hardy5 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
前端Hardy1 天前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
前端Hardy1 天前
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
css·html
DeathGhost2 天前
分享URL地址到微信朋友圈没有缩略图?
前端·html
前端Hardy2 天前
HTML&CSS:高颜值产品卡片页面,支持主题切换
css·html
Never_Satisfied2 天前
在HTML & CSS中,nth-child、nth-of-type详解
前端·css·html
你怎么知道我是队长2 天前
前端学习---HTML---块元素和行内元素
前端·学习·html
holeer2 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档
肖。35487870943 天前
[html-1]双板块最简界面,适合用于有两个网页分发,跳转。
html
你怎么知道我是队长3 天前
前端学习---HTML---表单
前端·学习·html