码迷,mamicode.com
首页 > Web开发 > 详细

HTML——列表标签

时间:2020-05-25 12:39:02      阅读:699      评论:0      收藏:0      [点我收藏+]

标签:table   tab   efi   列表项   顺序   com   info   ++   lis   

一、有序列表<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>之间则是该名词的具体解释。

 

HTML——列表标签

标签:table   tab   efi   列表项   顺序   com   info   ++   lis   

原文地址:https://www.cnblogs.com/bear7/p/12955884.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!