HTML 基础之列表标签 (<ul><ol><dl>) 学习笔记

╰半橙微兮° 2022-04-23 10:10 202阅读 0赞

> **运用场景：一些有序或无序的新闻列表等**

**一 . 无序列表**

1.格式

**<ul>**

**        <li>内容</li>**

**        <li>内容</li>**

**        <li>内容</li>**

**        .............**

**</ul> **

2.type属性

用法：<ul type="disc">       圆点

<ul type="square">  正方点

<ul type="circle">     空心圆

----------------------------------------------------------------------------------------------------------------------------

**二 . 有序列表**

1.格式

**<ol>**

**        <li>内容</li>**

**        <li>内容</li>**

**        <li>内容</li>**

**        .............**

**</ol> **

2.type属性

用法：<ul type="1">       数字1,2,3,4...

<ul type="a">       小写字母a,b,c.....

<ul type="A">      大写字母A,B,C......

<ul type="i">        小写罗马数字

<ul type="I">      小写罗马数字

**三. 定义列表**

**<dl>**

<dt>定义列表项</dt>

<dd>列表项描述</dd>

<dd>列表项描述</dd>

<dt>定义列表项</dt>

...............

</dl>

----------------------------------------------------------------------------------------------------------------------

![20190207181751222.png][] ![20190207181822387.png][]

[20190207181751222.png]: https://img-blog.csdnimg.cn/20190207181751222.png?
[20190207181822387.png]: /images/20220321/85a0402e782543eeb44d491192f4ce5b.png?

发表评论取消回复

表情：

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

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

相关阅读

相关 html标签学习笔记（一）

前端开发概述前端开发也叫web前端开发，前端开发是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML，CSS及JavaScript以及衍生出来的各种

心已赠人/ 2023年08月17日 15:36/ 0 赞/ 133 阅读

相关 html标签之列表标签

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

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

相关 HTML基础知识4-列表标签

直接进入正题：在HTML中列表标签有两种分别是有序列表和无序列表 1.无序列表 <ul> <li>苹果</li> <li>香蕉</

短命女/ 2022年12月22日 04:43/ 0 赞/ 149 阅读

相关 HTML5标签列表

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

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

相关 HTML 基础之列表标签 (
) 学习笔记

> 运用场景：一些有序或无序的新闻列表等一 . 无序列表 1.格式 <ul> <li>内容</li> <li>内容</li>

╰半橙微兮°/ 2022年04月23日 10:10/ 0 赞/ 203 阅读

相关 HTML 基础之段落标签(
) 学习笔记

文档段落：注释：  1. 在<body> </body>里面写文字，则可显示想要显示的文章。 2. 在<head

冷不防/ 2022年04月23日 10:08/ 0 赞/ 320 阅读

相关前端学习笔记(HTML)——列表

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>列表</ti

今天药忘吃喽~/ 2022年03月10日 07:18/ 0 赞/ 327 阅读

相关 HTML学习笔记2-HTML标签

本次介绍四个基础的HTML标签一、HTML标题 HTML标题是通过<h1>-<h6>这6个标签进行定义的。具体练习代码如下： <!DOCTYPE html>

浅浅的花香味﹌/ 2021年11月11日 12:20/ 0 赞/ 301 阅读

相关 HTML学习笔记12-HTML列表

一、HTML无序列表 1.HTML无序列表使用<ul>标签进行定义，列表项使用<li>标签进行定义。列表项内部可以使用段落、换行符、链接、其他列表。具体代码如下 <

偏执的太偏执、/ 2021年11月05日 17:46/ 0 赞/ 345 阅读

相关 html body列表标签

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

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