排序清单控制标记
2016-12-02 20:06
399 查看
1、无序号条例式清单<ul>
格式:
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<ul>
功能:<ul>无序条例清单的开始
<ul>无序条例清单的结束
<li>...</li>表示一个项目
<li>的属性:属性名称 属性值 说明
type disc 实心圆(默认值)
circle 空心圆
square 实心方块
注:若ul使用type属性,会让其下的所有子目录<li>...</li>的type的属性值都发生改变,
若想要改变其中某一个 <li>...<
4000
;/li>的type属性,可单独对其进行设置。
2、有序号条例式清单<ol>
格式:
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<ol>
功能:<ol>有序条例清单的开始
<ul>有序条例清单的结束
<li>...</li>表示一个项目
<ol>的属性:属性名称 属性值 说明
type 1 表示以1,2,3,4来表示(默认值)
a 表示以a,b,c,d来表示
A 表示以A,B,C,D来表示
i 表示以i,ii,iii来表示
I 表示以I,II,III来表示
3、无序列表和有序列表的结合应用
格式:
<ul>
<li>
...
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
...
</li>
<li>
...
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
...
</li>
</ul>
注:当<ul>嵌套<ul>时,第一层<ul>的项目符号是实心圆,第二层<ul>的项目符号是空心圆,第三层及以后各层的<ul>的项目符号都是实心方块。
4、叙述式清单<dl>
格式:
<dl>
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
<dd>...</dd>
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
<dd>...</dd>
</dl>
功能:<dl>叙述清单的开始(整个区域)
<dt>表示一个项目的标题
<dd>表示一个项目下的更详细的内容(自动缩进)
格式:
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<ul>
功能:<ul>无序条例清单的开始
<ul>无序条例清单的结束
<li>...</li>表示一个项目
<li>的属性:属性名称 属性值 说明
type disc 实心圆(默认值)
circle 空心圆
square 实心方块
注:若ul使用type属性,会让其下的所有子目录<li>...</li>的type的属性值都发生改变,
若想要改变其中某一个 <li>...<
4000
;/li>的type属性,可单独对其进行设置。
2、有序号条例式清单<ol>
格式:
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<ol>
功能:<ol>有序条例清单的开始
<ul>有序条例清单的结束
<li>...</li>表示一个项目
<ol>的属性:属性名称 属性值 说明
type 1 表示以1,2,3,4来表示(默认值)
a 表示以a,b,c,d来表示
A 表示以A,B,C,D来表示
i 表示以i,ii,iii来表示
I 表示以I,II,III来表示
3、无序列表和有序列表的结合应用
格式:
<ul>
<li>
...
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
...
</li>
<li>
...
<ol>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ol>
...
</li>
</ul>
注:当<ul>嵌套<ul>时,第一层<ul>的项目符号是实心圆,第二层<ul>的项目符号是空心圆,第三层及以后各层的<ul>的项目符号都是实心方块。
4、叙述式清单<dl>
格式:
<dl>
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
<dd>...</dd>
<dt>...</dt>
<dd>...</dd>
<dd>...</dd>
<dd>...</dd>
</dl>
功能:<dl>叙述清单的开始(整个区域)
<dt>表示一个项目的标题
<dd>表示一个项目下的更详细的内容(自动缩进)
相关文章推荐
- AC_mm玩dota
- linux(ubuntu) 安裝solr6.3 在tomcat8上 創建core
- python基础介绍
- PAT(basic level) 1041 考试座位号(15)
- python 字符串
- 第三十四讲项目1.5——求1/3-3/5+5/7-7/9…+19/21的值
- web.py中urls示例
- Longest Substring Without Repeating Characters
- 建立linux内核机制学习的模板
- Asp.Net Mvc使用Autofac实现依赖注入
- 杭电3501Calculation 2
- [51nod1301]集合异或和
- struts配置文件详解
- scala trait示例
- manjaro urxvt 复制粘贴方法
- yum本地配置
- 元素相交检测
- LeetCode刷题系列_5题
- python学习日记(一)
- YOLO:You Only Look Once运行记录(Ubuntu14.04+GT750M)