HTML——列表标签

一、有序列表<ol>(ordered list)

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

<ol>
    <li>python</li>
    <li>java</li>
    <li>c/c++</li>
    <li>r</li>
</ol>

 效果:

 常用属性: 

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

type:为排序类型,取值如下:

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

 

 

二、无序列表<ul>(unordered list)

<ul>
    <li>python</li>
    <li>java</li>
    <li>c/c++</li>
    <li>r</li>
</ul>

 效果:

常用属性:

type:规定列表的项目符号的类型。取值如下

type 取值 含义
circle 空心圆
disc 实心圆
square  实心正方形

 

 

三、自定义列表<dl>(definition list)

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

<dl>
    <dt>交通工具</dt>
    <dd>自行车</dd>
    <dd>摩托车</dd>
    <dd>小轿车</dd>
    <dd>火车</dd>
</dl>

 效果:

在该语法中,<dt>和</dt>之间是要解释的名称,<dd>和< /dd>之间则是该名词的具体解释。

 

posted @ 2020-05-25 11:25  白熊啊  阅读(337)  评论(0编辑  收藏  举报