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>
相关推荐
William_cl7 分钟前
【C# ASP.NET】局部视图 @Html.Partial 全解析:复用 UI 的正确姿势(附避坑指南)
c#·html·asp.net
JackieDYH11 小时前
HTML+CSS+JavaScript实现图像对比滑块demo
javascript·css·html
冥界摄政王1 天前
Cesium学习第二章 camera 相机
node.js·html·vue3·js·cesium
韩曙亮1 天前
【Web APIs】移动端轮播图案例 ( 轮播图自动播放 | 设置无缝衔接滑动 | 手指滑动轮播图 | 完整代码示例 )
前端·javascript·css·html·轮播图·移动端·web apis
PieroPc1 天前
Html +css+js 写的一个小商城系统(POS系统)
javascript·css·html
顾安r1 天前
1.1 脚本网页 战推棋
java·前端·游戏·html·virtualenv
Channing Lewis2 天前
Python读取excel转成html,并且复制excel中单元格的颜色(字体或填充)
python·html·excel
0思必得02 天前
[Web自动化] Requests模块基本使用
运维·前端·python·自动化·html·web自动化
代码游侠2 天前
学习笔记——HTML网页开发基础
运维·服务器·开发语言·笔记·学习·html
@菜菜_达2 天前
前端 HTML 入门(标签)
前端·html