html 换行符_html程序猿最基础的列表知识点你get到了吗？

深藏阁楼爱情的钟 2023-01-01 10:51 118阅读 0赞

# **无序列表** #

无序列表是一个项目的列表，此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于

*  标签。每个列表项始于
 *  。
    
     *  列表项
    
    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
    
    # 有序列表 #
    
    同样，有序列表也是一列项目，列表项目使用数字进行标记。
    
    有序列表始于
    
    1.  标签。每个列表项始于
    2.  标签。
        
        ``
    3.  `列表项`
    
    ``
    
    列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
    
    定义列表
    
    自定义列表不仅仅是一列项目，而是项目及其注释的组合。
    
    自定义列表以
    
    开始。每个自定义列表项的定义以
    
    开始。
    
    列表项
    
    列表项释义
    
    定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
    
    # 不同类型的无序列表 #
    
    本例演示一个无序列表。
    
    #### `Disc 项目符号列表：` ####
    
    ``
    
     *  苹果
     *  香蕉
     *  柠檬
     *  桔子
    
    #### Circle 项目符号列表： ####
    
     *  苹果
     *  香蕉
     *  柠檬
     *  桔子
    
    #### Square 项目符号列表： ####
    
     *  苹果
     *  香蕉
     *  柠檬
     *  桔子
    
    ![e0675753ebd6dd421f5d7a1b3d0884cc.png][]
    
    html程序猿最基础的列表知识点你get到了吗？
    
    # 不同类型的有序列表 #
    
    本例演示不同类型的有序列表。
    
    #### `数字列表：` ####
    
    `` ``
 *  `苹果`

`香蕉`

#### `字母列表：` ####

`` `苹果 香蕉`

#### `小写字母列表：` ####

`` `苹果 香蕉`

#### `罗马字母列表：` ####

`` `苹果 香蕉`

#### `小写罗马字母列表：` ####

`` `苹果 香蕉`

![72640d21c6591d1474c8dee4a5b9c569.png][]

html程序猿最基础的列表知识点你get到了吗？

# **定义列表** #

本例演示一个定义列表。

## `一个定义列表：` ##

计算机

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

显示器

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

![47888bbf8928683169c336487103764f.png][]

html程序猿最基础的列表知识点你get到了吗？

# 嵌套列表 #

本例演示如何嵌套列表。

#### `一个嵌套列表：` ####

*  咖啡
 *  茶
    
     *  红茶
     *  绿茶
 *  牛奶

#### 又一个嵌套列表： ####

*  咖啡
 *  茶
    
     *  红茶
     *  绿茶
        
         *  中国茶
         *  非洲茶
 *  牛奶

![4792a627de9919bf6297f8c89441fa6a.png][]

html程序猿最基础的列表知识点你get到了吗？

[e0675753ebd6dd421f5d7a1b3d0884cc.png]: /images/20221120/8c553f906e294044a8156bbbea71f1ac.png
[72640d21c6591d1474c8dee4a5b9c569.png]: /images/20221120/dfc94c4f5874411fb6133d4a5fd8e2e7.png
[47888bbf8928683169c336487103764f.png]: /images/20221120/a174e66d19c84c8d9d0bda83cd00dd8b.png
[4792a627de9919bf6297f8c89441fa6a.png]: /images/20221120/e4dd8320cee4474ba1e8d0d5b538a75b.png