HTML5常用标签（2-5）列表标签

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

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>

一个无序列表：

咖啡
茶
牛奶

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

查看所有标签

猜你喜欢:

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

码农书籍

编译原理

Alfred V. Aho、Monica S.Lam、Ravi Sethi、Jeffrey D. Ullman / 赵建华、郑滔、戴新宇 / 机械工业出版社 / 2008年12月 / 89.00元

本书全面、深入地探讨了编译器设计方面的重要主题，包括词法分析、语法分析、语法制导定义和语法制导翻译、运行时刻环境、目标代码生成、代码优化技术、并行性检测以及过程间分析技术，并在相关章节中给出大量的实例。与上一版相比，本书进行了全面的修订，涵盖了编译器开发方面的最新进展。每章中都提供了大量的系统及参考文献。本书是编译原理课程方面的经典教材，内容丰富，适合作为高等院校计算机及相关专业本科生及研......一起来看看《编译原理》这本书的介绍吧!

码农工具

HTML 编码/解码

HEX CMYK 转换工具

HEX CMYK 互转工具