html标签之列表标签

心已赠人 2022-12-26 10:22 222阅读 0赞

**HTML的列表标签主要分为三种，有序列表、无序列表和定义列表。**

### 1，有序列表： ###

> 有序列表，顾名思义，就是有顺序的列表。一般用于排名等。

有序列表主要涉及的标签：

`<ol>`标签 ：有序列表标签

*  `<ol>`标签内元素是有序的，并且自带序号；
 *  `<ol>`标签内除了`<li>`标签外不要写其他东西；

`<li>`标签：

*  `<li>`是块及元素，独占一行。
 *  `<li>`标签里存放ol的内容
 *  `<li>`标签可以嵌套其他标签

格式：

<ol>
          <li>我是有序列表内容</li>
    </ol>

### 2，无序列表： ###

> 无序列表，每个标题间没有顺序，默认为一个圆点。

`<ul>`标签 ：无序列表标签。

`<ol>`内也不要写除了li的其他内容

格式：

<ul>
         <li>我是无序列表内容</li>
    </ul>

例：

<h2>兴趣爱好</h2>
    <ul>
        <li>
            <h3>男生</h3>
            <ul>
                <li>打篮球</li>
                <li>玩游戏</li>
                <li>踢足球</li>
            </ul>
        </li>
        <li>
            <h3>女生</h3>
            <ul>
                <li>看小说</li>
                <li>看电视</li>
                <li>吃东西</li>
            </ul>
        </li>
    </ul>

### 3，定义列表： ###

> 用于自定义的一些内容。

`<dl>`标签 ：自定义列表标签

`<dt>`标签 ：是定义标题

*  `<dt>`是块级元素 独占一行;

`<dd>`标签：定义属性

*  `<dd>`是块级元素 独占一行；
 *  `<dd>`的内容是无序的 没有序号；

格式：

<dl>
          <dt></dt>
          <dd></dd>
          <dt></dt>
          <dd></dd>
    <dl>

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的列表标签

html的列表标签的学习

淩亂°似流年/ 2024年05月06日 21:22/ 0 赞/ 75 阅读

相关 HTML5 标签列表

[List of HTML5 Tags/Elements - Tutorial Republic![icon-default.png?t=M0H8][icon-default.

妖狐艹你老母/ 2023年10月01日 17:22/ 0 赞/ 21 阅读

相关 html标签之表格标签

HTML表格组成: 由`<table>`标签以及一个或多个`<tr>`、`<th>`或`<td>`标签： `<table>`标签：用来定义表格，整个表格包含在`<

落日映苍穹つ/ 2022年12月27日 04:41/ 0 赞/ 325 阅读

相关 HTML标签之表单标签

1 ：表单标签: `<form></form>` 表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素

Bertha 。/ 2022年12月26日 11:23/ 0 赞/ 236 阅读

相关 html标签之列表标签

HTML的列表标签主要分为三种，有序列表、无序列表和定义列表。 1，有序列表： > 有序列表，顾名思义，就是有顺序的列表。一般用于排名等。有序列表主要涉及的标签：

心已赠人/ 2022年12月26日 10:22/ 0 赞/ 223 阅读

相关网页设计：HTML列表标签

无序列表有序列表自定义列表 1，无序列表无序列表的标签是: `<ul>无序列表</ul>` 定义一个无序列表： `<li>`定义一个列表项

客官°小女子只卖身不卖艺/ 2022年12月26日 10:20/ 0 赞/ 212 阅读

相关 (4)表格的html标签,html标签之表格标签

HTML表格组成: 由 <table> <tbody> <tr> <th>或</th> <td>标签：标签中；</td> </tr> <

叁歲伎倆/ 2022年10月19日 15:56/ 0 赞/ 320 阅读

相关 HTML5标签列表

定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义超链接。 <abbr> 定义缩写。 <acr

你的名字/ 2022年09月25日 13:24/ 0 赞/ 162 阅读

相关 HTML文本标签与列表标签

HTML文本标签与列表标签一、文本标签 em和strong 作用：这两个标签都表示一个强调的内容， em主要表示语气上

亦凉/ 2022年05月16日 09:05/ 0 赞/ 299 阅读

相关 html body列表标签

列表标签：列表内的数据可嵌套权重标签使用无序列表 <ul> <li></li> 该标签中书写列表内容，一个l

电玩女神/ 2021年07月24日 21:56/ 0 赞/ 378 阅读