（3）html列表

最新推荐文章于 2022-04-08 16:10:13 发布

mxd_xyz

最新推荐文章于 2022-04-08 16:10:13 发布

阅读量318

点赞数

分类专栏： html学习笔记

本文链接：https://blog.csdn.net/mxd395/article/details/23768669

版权

html学习笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<meta charset="utf-8" /> 
		<title>列表</title>
	</head>
	
	<body>
		<h1>利用ul创建无序列表</h1>
		<ul>
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ul>

		<h1>利用ol创建有序列表</h1>
		<ol>
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ol>	
		<p><b>可通过type属性选择有序列表的序号（type已弃用，CSS可进行设置）</b></p>
		<p><b>1:数字；A:大写字母；a:小写字母；I:大写罗马数字；i:小写罗马数字</b></p>	
		<ol type="i">
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ol>	
		<p><b>可通过start属性设置序号的起始值</b></p>
		<ol type="i" start="5">
			<li>one</li>
			<li>two</li>
			<li>three</li>
		</ol>

		<h1>利用dl创建定义列表，用于提供术语，并在属于之后跟上简单描述</h1>
		<ul>
			<dt>NBA</dt>
			<dd>美国职业篮球联赛</dd>
			<dt>HTML</dt>
			<dd>超文本表示语言</dd>
		</ul>

		<h1>各种列表可以相互嵌套</h1>
		<ol type="A">
			<li>one</li>
			<li>two
				<ul>
					<li>one</li>
					<li>two</li>
					<li>three</li>
				</ul>
			</li>
			<li>three
				<ul>
					<dt>NBA</dt>
					<dd>美国职业篮球联赛</dd>
					<dt>HTML</dt>
					<dd>超文本表示语言</dd>
				</ul>			
			</li>
		</ol>			
	</body>
</html>

mxd_xyz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（3）html列表

列表利用ul创建无序列表 one two three 利用ol创建有序列表 one two three 可通过type属性选择有序列表的序号（type已弃用，CSS可进行设置） 1:数字；A:大写字母；a:小写字母；I:大写罗马数字；i:小写罗马数字 one two three
复制链接

扫一扫