HTML5常用标签(2-5)列表标签

栏目: Html5 · 发布时间: 6年前

dl

<dl> 标签定义了一个包含术语定义以及描述的列表。

dt

<dt> 标签用于定义列表中的项目(即术语部分)。

dd

<dd> 标签用于定义列表中项目的描述部分。

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一个标题</title>
</head>
<body>
    <h2>一个定义列表:</h2>
    <dl>
        <dt>计算机</dt>
        <dd>用来计算的仪器 ... ...</dd>
        <dt>显示器</dt>
        <dd>以视觉方式显示信息的装置 ... ...</dd>
    </dl>
</body>
</html>

一个定义列表:

  • 计算机

  • 用来计算的仪器 ... ...

  • 显示器

  • 以视觉方式显示信息的装置 ... ...

ol

<ol> 标签用于定义有序列表。

属性

属性 描述
reversed reversed 规定列表顺序为降序。(9, 8, 7, …)
start number 规定有序列表的起始值。
type 1、A、a、I、i 规定在列表中使用的标记类型。

li

<li> 标签用于定义列表中的项目。

<li> 标签可用在有序列表  <ol> 和无序列表  <ul> 中。

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">    
    <title>一个标题</title>
</head>
<body>    
    <ol>        
        <li>咖啡</li>        
        <li>牛奶</li>        
        <li>茶</li>    
    </ol>    
    <ol start="50">        
        <li>咖啡</li>        
        <li>牛奶</li>        
        <li>茶</li>    
    </ol>    
    <ol start="10" reversed type="I">        
        <li>咖啡</li>        
        <li>牛奶</li>        
        <li>茶</li>    
    </ol>
</body>
</html>

1.咖啡

2.牛奶

3.茶

50.咖啡

51.牛奶

52.茶

Ⅹ.咖啡

Ⅸ.牛奶

Ⅷ.茶

ul

<ul> 标签用于定义无序列表。

实例

<!DOCTYPE html>
<html lang="en">
<head>    
    <meta charset="UTF-8">    
    <title>一个标题</title>
</head>
<body>
    <h4>一个无序列表:</h4>
    <ul>
        <li>咖啡</li>  
        <li>茶</li> 
        <li>牛奶</li>
    </ul>
</body>
</html>

一个无序列表:

  • 咖啡

  • 牛奶


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

玻璃笼子

玻璃笼子

[美]尼古拉斯·卡尔 / 杨柳 / 中信出版社 / 2015-11 / 49.00元

这是一本关于自动化的书,它提醒我们自动化对人类的影响,人们心安理得享受技术带来的便利却忽视了,它已经渗透进了生活和工作改变了我们的思维和认知方式。商家在设计程序和应用时,早就把他们的想法埋入了编程和APP中。 卡尔的作品无疑是给我们这个时代灌入了的一剂清醒药。他独特的思考问题角度,犀利甚至略为偏激 的言论再加上丰富的*前沿的科技案例会让人读起来畅快淋漓,且醍醐灌顶,意识到自动化等高科技潜移默......一起来看看 《玻璃笼子》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码