HTML网页设计：六、列表

2023-09-06 06:09| 来源: 网络整理| 查看: 265

列表列表分为两种类型，有序列表和无序列表。有序列表使用编号来记录项目的顺序，无序列表用项目符号来标记列表项。

列表的主要标签如下表：

标签描述有序列表无序列表自定义列表自定义列表中上层项目自定义列表中下层项目列表项目 HTML系列文章目录 HTML网页设计：一、HTML的基本结构HTML网页设计：二、网页的基本标签HTML网页设计：三、图像标签之＜img＞标签HTML网页设计：四、超链接HTML网页设计：五、行内元素和块元素HTML网页设计：六、列表HTML网页设计：七、表格HTML网页设计：八、媒体元素HTML网页设计：九、网页的简单布局HTML网页设计：十、iframe内联框架HTML网页设计：十一、表单

文章目录列表HTML系列文章目录1.有序列表2.无序列表3.自定义列表所有代码及其运行结果

1.有序列表

有序列表是一列项目，列表项目使用数字进行标记。有序列表始于标签。每个列表项始于标签，列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如：

有序列表第一项第二项第三项

网页显示为：在这里插入图片描述

2.无序列表

无序列表也是一列项目，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于标签。每个列表项始标签，列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如：

无序列表第一项第二项第三项

网页显示为：在这里插入图片描述

3.自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以标签开始。每个自定义列表项以开始。每个自定义列表项的定义以开始，列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如：

果蔬组合水果橘子香蕉苹果蔬菜西红柿黄瓜青菜

网页显示为：在这里插入图片描述

所有代码及其运行结果列表的学习有序列表第一项第二项第三项无序列表第一项第二项第三项果蔬组合水果橘子香蕉苹果蔬菜西红柿黄瓜青菜

在这里插入图片描述

【本文地址】

公司简介

联系我们

今日新闻

推荐新闻

专题文章