HTML列表标签--详解

html列表

无序列表

无序列表使用粗型圆点(典型小圆点)。
无序列表用 ul 标签,无序列表项用 li 标签

	<ul type="" >
		<li>冬瓜</li>
		<li>西瓜</li>
		<li>南瓜</li>
		<li>北瓜</li>
	</ul>

浏览器效果如下:

  • 冬瓜
  • 西瓜
  • 南瓜
  • 北瓜

样式方面:

type属性值 效果
disc 设定项目符号为一个实心圆点(IE浏览器默认值);
circle 设定项目符号为一个空心圆点
square 设定项目符号为一个实心方块。

有序列表

有序列表使用粗型圆点(典型小圆点)。
有序序列表用 ol 标签,无序列表项用 li 标签

	<ol type="" >
		<li>冬瓜</li>
		<li>西瓜</li>
		<li>南瓜</li>
		<li>北瓜</li>
	</ol>

浏览器效果如下:

  1. 冬瓜
  2. 西瓜
  3. 南瓜
  4. 北瓜

样式方面:

type属性值 效果
1 设定项目编号为阿拉伯数字(IE浏览器默认值)
a 设定项目编号小写英文字母
A 设定项目编号为大写英文字母
i 设定项目编号为小写罗马数字
I 设定项目编号为大写罗马数字

定义列表

有序列表使用粗型圆点(典型小圆点)。
有序序列表用 ol 标签,无序列表项用 li 标签

	<dl type="" >
		<dt>冬瓜</dt>
		<dd>西瓜</dd>
		<dt>南瓜</dt>
		<dd>北瓜</dd>
	</dl>

浏览器效果如下:

冬瓜
西瓜
南瓜
北瓜

发布了2 篇原创文章 · 获赞 2 · 访问量 72

猜你喜欢

转载自blog.csdn.net/qq_45495857/article/details/104371667