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>
相关推荐
FanetheDivine43 分钟前
正确使用flex-1
css·html
木木黄木木4 小时前
HTML5重力球动画实现详解
前端·html·html5
hello_simon7 小时前
在线小白工具,PPT转PDF支持多种热门工具,支持批量转换,操作简单,高效适合各种需求
pdf·html·powerpoint·excel·pdf转html·excel转pdf格式
zhougl9968 小时前
html处理Base文件流
linux·前端·html
木木黄木木12 小时前
html5炫酷图片悬停效果实现详解
前端·html·html5
计算机毕设定制辅导-无忧学长18 小时前
HTML 性能优化之路:学习进度与优化策略(二)
学习·性能优化·html
小旋风0123418 小时前
封装可拖动弹窗(vue jquery引入到html的版本)
vue.js·html·jquery
前端Hardy1 天前
HTML&CSS:超丝滑的动态导航菜单
javascript·css·html
前端Hardy1 天前
HTML&CSS:你绝对没见过的input输入框,确定不看看吗
javascript·css·html
前端Hardy1 天前
HTML&CSS:不一样的开关效果
javascript·css·html