HTML的有序列表和无序列表

HTML的列表是将内容按照一定的顺序显示在页面中，当然有的时候内容前面有编号，有的时候内容前面没有编号，有编号的称为有序列表，无编号的称为无序列表，分别由标签<ol></ol>,<ul><.ul>加上列表项标签<li></li>实现。

1.有序列表

其语法如下

<ol type="编号类型" start="value"><li type="编号类型"><li><li>
</ol>

其中type属性用于设置有序列表中列表项前的编号类型，而start属性用于设置起始值。

type属性：

type=1(表示列表项目用数字标号（1，2，3）

type=A(.....大写字母

type=a(.......小写字母

type=I(.......大写罗马数字标号

type=i(........小写罗马数字标号

使用案列如下：

<html>
<head><title>有序列表</title></head>
<body><ol type="1" start="0"><li>我爱学习</li><li>我爱学习</li><li>我爱学习</li><li>我爱学习</li><li>我爱学习</li>
</ol>
</body>
</html>

2.无序列表是指列表结构中的列表项没有先后顺序的列表形式，由标签<ul></ul>和列表项<li></li>实现,其语法如下:

<ul type="提示符合型"><li>第一项<li type="提示符号型">第二项<li type="提示符号型">三项
</ul>

其中type属性用于设置无序列表前的提示符号，

type属性值：

type="disc" (表示列表前的提示符为实心圆

type="circle"（..........空心圆

type="square"(.........方块）

案例如下：

<html>
<head><title>无序列表</title></head>
<body><ul type="circle" ><li>我爱学习</li><li>我爱学习</li><li>我爱学习</li><li>我爱学习</li><li>我爱学习</li>
</ul>
</body>
</html>

HTML的有序列表和无序列表相关推荐

draft.js_如何使用快捷方式在Draft.js中创建有序列表和无序列表
draft.js by Andrey Semin 通过安德烈·塞米(Andrey Semin) 如何使用快捷方式在Draft.js中创建有序列表和无序列表 (How to create ordered ...
有序列表和无序列表的不同类型
大家可曾想过有序列表和无序列表除了默认类型,是否还有其它的类型呢? 虽然不常用,但也做了一篇总结给大家做参考. 无序列表 UL (unorder list的缩写) 定义:无序列表是一个项目的列表,此列 ...
有序列表、无序列表、自定义列表
有序列表.无序列表.自定义列表 1.有序列表 <ol type="A" start="3"><li>有 ...
有序列表跟无序列表的嵌套
<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="utf-8&q ...
html的基本操作和基本标签：标题，有序列表和无序列表等
本文介绍了,一些html的基本操作和基本标签:标题,有序列表和无序列表,段落,超链接,下划线 ,粗体 ,斜体等等,当然其中还介绍了每个标签的相应属性.在使用每个标签时,都会有注释解释,方便理解. HT ...
有序列表、无序列表、定义列表
有序列表.无序列表.定义列表三种列表标签和语义标签语义 <u1></u1> 无序列表 <o1></o1> 有序列表 <d1></ ...
html标签(2)--有序列表与无序列表
有一些内容形式,用div来实现非常麻烦,也不适合例如一些表格形式无序列表 ul 代表列表 li 代表列表中的项 list-style 控制列表的样式有序列表 ol 代表列表 li 代表列表中的项 ...
html有序列表和无序列表
编写有序列表,代码如下: <html> <h2>数字显示</h2> <ol> <li>第一天</li> <li>第二 ...
html列表--有序列表、无序列表、定义列表
1.有序列表有序列表,顾名思义就是一个有顺序的列表 ol(ordered lists) : 有序列表 li(list item): 列表项目这是一个最普通的有序列表: 有序列表中两个常用的属性:t ...

HTML的有序列表和无序列表

HTML的有序列表和无序列表相关推荐

最新文章

热门文章