HTML——列表标签


列表分为两种类型,即无序列表和有序列表。前者用项目符号来标记列表项,而后者则使用编号来记录项目的顺序。


列表的主要标签
标签 描述
<ul> 无序列表
<ol> 有序列表
<dir> 目录列表
<dl> 定义列表
<menu> 菜单列表
<dt>、<dd> 定义列表标签
<li> 列表项目的标签

1.  建立有序列表

有序列表使用编号来编排项目,编号可以采用数字或引文字母开头,通常各项目间有先后的顺序性。在有序列表中,主要使用<ol>和<li>两个标签以及 type 和  start 两个属性

功能:            插入有序列表,列表项目之间有顺序性

语法:            <ol  start="起始数值"  type = "排序类型"  >

                        <li>列表项1<li>

                        <li>列表项2<li> 

                      </ol>

说明:            start  为起始数值,属性值为具体的数字;

                      type  为排序类型,可选的属性如下:

 

type 取值 列表项目的序号类型
1 数字 1,2,3…
a 小写英文字母 a,b,c ...
A 大写英文字母 A,B,C…
 小写罗马数字ⅰ,ⅱ, ⅲ...
大写罗马数字 Ⅰ,Ⅱ,Ⅲ...

2.  建立无序列表

功能:            插入无序列表,列表项目之间无顺序性
语法:            <ul  type = "排列类型">
                          <li>列表项1<li>
                          <li>列表项2<li>
                       </ul>
说明:            type  为无序列表的属性
                      type 的属性值有 circle,disc,square 含义分别为:空心圆,实心圆和实心正方形

3.  建立定义列表

定义列表包含两个层次的列表:第一层次是需要解释的名词,第二层次是具体的解释。

功能:            用于解释名词

语法:            <dl>

                         <dt>名词1</dt>  

                                <dd>解释1 </dd>

                         <dt>名词2</dt>  

                                <dd>解释2</dd>

                         <dt>名词3</dt>  

                                <dd>解释3</dd>

                       </dl>

 在该语法中,<dl>标签和</dl>标签分别定义了定义列表的开始和范围,<dt>和</dt>之间就是要解释的名称,而在<dd>和< /dd>之间则是该名词的具体解释。作为解释的内容在显示时会自动缩进,与宇典中的词语解释类似。

【注】:在定义列表中可以给一个<dt>标签添加多个<dd>标签。

猜你喜欢

转载自blog.csdn.net/qq_41573234/article/details/80039492