`

UL DL OL Html代码详解

 
阅读更多
1.ul是无序列表,也就是说没有排列限制可以随意加li;
<ul>
<li>可以随意放置</li>
<li>可以随意放置</li>
<li>可以随意放置</li>
</ul>
.可以随意放置
.可以随意放置
.可以随意放置

2.ol就序列表,会按照你写的li前后依次排列;
<ol>
<li>我是第一</li>
<li>我是第二</li>
<li>我是第三</li>
</ol>
1.我是第一
2.我是第二
3.我是第三

3.dl是定义列表,会默认前后层级关系;
<dl>
<dt>我是头</dt>
<dd>我是内容</dd>
<dd>我是内容</dd>
</dl>
我是头
--我是内容
--我是内容
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    div+css布局必了解的列表元素ul ol li dl dt dd详解

    在前端开发中,布局是一项基础且重要的技能。...列表元素ul、ol、li、...总之,虽然div和span是前端开发者最常用的元素之一,但适当使用ul、ol、dl、dt和dd等标签不仅能够使HTML代码结构清晰,还能带来许多布局上的便利。

    HTML代码大全讲解详细

    ### HTML代码大全讲解详细 #### 一、HTML基础概述与基本标志 HTML(HyperText Markup Language)是一种标准标记语言,用于构建网页结构。通过使用HTML,开发者能够创建和设计网页内容,使其能在各种网络浏览器中...

    经典HTML 详解书

    5. 列表:`&lt;ul&gt;`创建无序列表,`&lt;ol&gt;`创建有序列表,`&lt;li&gt;`定义列表项。`&lt;dl&gt;`、`&lt;dt&gt;`和`&lt;dd&gt;`用于定义术语和解释。 6. 表格:`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;th&gt;`(表头)和`&lt;td&gt;`(单元格)元素用于创建表格,`&lt;caption&gt;`...

    html代码含义

    ### HTML代码含义详解 #### 一、HTML基本标签解析 **HTML**(HyperText Markup Language)是一种标记语言,被用来构建网页。它由一系列的元素组成,这些元素通过标签来表示。下面详细介绍几个基础标签: 1. **`...

    网页设计HTML代码.doc

    【网页设计HTML代码详解】 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它的主要功能是构建网页结构,并通过浏览器进行解析和展示。HTML文档由一系列的元素(也称为标签)组成,这些元素...

    Dw Html 标签详解和查询软件

    5. **列表标签**:`&lt;ul&gt;`和`&lt;ol&gt;`分别用于无序列表和有序列表,`&lt;li&gt;`则是列表项。`&lt;dl&gt;`、`&lt;dt&gt;`和`&lt;dd&gt;`则用于定义列表,其中`&lt;dt&gt;`定义术语,`&lt;dd&gt;`定义描述。 6. **表格标签**:`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;th&gt;`、`...

    HTML语法详解.txt

    ### HTML语法详解 #### 一、HTML基础结构与语义化标签 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。一个典型的HTML文档由`&lt;html&gt;`元素包裹,包含头部信息`&lt;head&gt;`和主体内容`&lt;body&gt;`两大...

    HTML列表与表格元素详解

    内容概要:本文介绍了HTML中的列表元素以及表格元素的基本概念和使用方法,涵盖了无序列表ul/li、有序列表ol/li、定义列表dl/dt/dd的介绍及其各自的适用范围,同时对表格的基础组件如table/tr/td进行解释并展示了...

    HTML代码大全

    ### HTML代码大全详解 #### 一、HTML基础知识 HTML(HyperText Markup Language)是一种标准标记语言,用于创建网页。HTML 文件通常以 `.html` 或 `.htm` 扩展名保存,可以通过任何文本编辑器(如记事本、写字板或...

    html详解.doc

    ### HTML详解 #### 一、HTML的基本结构与格式 HTML文档的基本格式是构成网页的基础,其结构主要包括`&lt;html&gt;`、`&lt;head&gt;`、`&lt;title&gt;`和`&lt;body&gt;`等标签。 - **HTML标签**: `&lt;html&gt;`标签是HTML文档的根元素,表示一个...

    html标签大全标签用法详解

    列表:`&lt;ul&gt;`和`&lt;ol&gt;`分别用于无序和有序列表,`&lt;li&gt;`定义列表项。`&lt;dl&gt;`, `&lt;dt&gt;`, `&lt;dd&gt;`用于定义术语和描述列表。 表格布局与响应式设计:虽然传统上HTML使用表格进行布局,但现代Web开发更倾向于使用CSS。然而,...

    html5常用知识详解

    3. **列表元素**:HTML5中的列表元素包括有序列表`&lt;ol&gt;`和无序列表`&lt;ul&gt;`,以及列表项`&lt;li&gt;`。`&lt;dl&gt;`定义了定义列表,`&lt;dt&gt;`用于定义术语,`&lt;dd&gt;`则解释术语。列表元素常用于呈现有序或无序的信息,如菜单、目录等。...

    HTML中的各种标记详解

    - `&lt;dl&gt;`:定义列表,`&lt;dt&gt;`定义术语,`&lt;dd&gt;`定义描述。 6. **表格元素**: - `&lt;table&gt;`:创建表格。 - `&lt;tr&gt;`:表格行。 - `&lt;th&gt;`:表头单元格。 - `&lt;td&gt;`:普通数据单元格。 7. **块级和内联元素**: - `...

    关于html标签的详解

    4. **列表标签**:`&lt;ul&gt;`创建无序列表,`&lt;ol&gt;`创建有序列表,`&lt;li&gt;`定义列表项。`&lt;dl&gt;`、`&lt;dt&gt;`和`&lt;dd&gt;`用于定义术语和描述列表。 5. **表格标签**:`&lt;table&gt;`定义表格,`&lt;tr&gt;`定义行,`&lt;td&gt;`定义单元格,`&lt;th&gt;`...

    HTML5培训技术分享 定位属性、列表的高级应用及带有图片列表的网页制作(下)

    本节将介绍如何使用无序列表 `&lt;ul&gt;`、有序列表 `&lt;ol&gt;` 和定义列表 `&lt;dl&gt;` 来创建更复杂的结构。 ##### 1. 无序列表与有序列表 - **无序列表** (`&lt;ul&gt;`): 适用于创建不需要排序的项目列表。 - **有序列表** (`&lt;ol&gt;`)...

    html 汇总教学实例分析

    5. 列表:`&lt;ul&gt;`和`&lt;ol&gt;`用于无序和有序列表,`&lt;li&gt;`定义列表项。`&lt;dl&gt;`、`&lt;dt&gt;`(定义术语)和`&lt;dd&gt;`(定义描述)用于定义列表。 6. 链接与导航:`&lt;a&gt;`标签不仅可以链接到其他网页,还可以实现邮件链接、锚点链接...

    HTML5常用基础标签.docx

    HTML5 基础标签详解 HTML5 是当今 web 开发中最基础和最重要的技术之一。它提供了一些基本结构和标签,让开发者可以快速构建网页。下面将详细介绍 HTML5 的基本结构和一些常用的基础标签。 一、HTML 的基本结构 ...

    css复位全部代码

    sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: ...

    HTML教程 文档

    ### HTML基础知识点详解 #### 一、HTML简介与基本结构 **HTML**(HyperText Markup Language)是一种用于创建网页的标准标记语言。它通过一系列的标签来组织网页内容,并使其具有特定的样式和功能。HTML文件通常以`....

    html网页标记大宝库

    ### 知识点详解 #### 一、列表标记 **列表**是HTML中用来组织信息的一种常见方式,它包括有序列表(ordered list)和无序列表(unordered list),以及一些特殊的列表类型。 ##### 有序列表 `&lt;ol&gt;` - **定义**: ...

Global site tag (gtag.js) - Google Analytics