web前端学习(七)

您所在的位置:网站首页 无序列表和有序列表不能嵌套使用 web前端学习(七)

web前端学习(七)

2024-03-02 23:10| 来源: 网络整理| 查看: 265

1.无序列表的设置

无序列表使用 ... 标签设置,其中每一个列表项使用 ... 标签设置。

具体实例如下:👇👇👇 

嵌套无序列表的使用 网站建设流程 项目需求 系统分析 网站的定位 内容收集 栏目规划 网站目录结构设计 网站标志设计 网站风格设计 网站导航系统设计 伪网页草图 制作网页草图 将草图转换为网页 站点建设 网页布局 网站测试 站点的发布与站点管理  运行结果如下:

 

2.建立不同类型的无序列表 

通过使用多个 ... 标签,可以建立不同类型的无序列表。 

具体实例如下:👇👇👇

建立不同类型的无序列表 Disc 项目符号列表: 苹果 香蕉 柠檬 桔子 Circle 项目符号列表: 苹果 香蕉 柠檬 桔子 Square 项目符号列表: 苹果 香蕉 柠檬 桔子 运行结果如下:

 

3.有序列表的设置 

有序列表使用 ... 标签设置,其中每一个列表项使用 ... 标签设置。

具体实例如下:👇👇👇 

有序列表的使用 HTML简单学习 网页的相关概念 网页与HTML Web标准(结构、表现、行为) 网页设计与开发的过程 与设计相关的技术因素 HTML简介 运行结果如下:

 

4.建立不同类型的有序列表 

通过使用多个 ... 标签,可以建立不同类型的有序列表。 

具体实例如下:👇👇👇

建立不同类型的有序列表 数字列表: 苹果 香蕉 柠檬 桔子 罗马列表: 苹果 香蕉 柠檬 桔子 字母列表: 苹果 香蕉 柠檬 桔子 运行结果如下:

 

5.嵌套列表的设置  嵌套列表的使用 一个嵌套列表: 咖啡 茶 红茶 绿茶 中国茶 非洲茶 牛奶 运行结果如下:

 

6.自定义列表的设置 

自定义列表通过使用 ... 、...、 ... 标签进行设置。

具体实例如下:👇👇👇

自定义列表的使用 一个自定义列表: 电脑 是一种能够按照程序运行的电子设备!!! 显示器 以视觉方式显示信息的装置!!! 运行结果如下:

 



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3