web前端学习(七) |
您所在的位置:网站首页 › 无序列表和有序列表不能嵌套使用 › web前端学习(七) |
1.无序列表的设置
无序列表使用 ... 标签设置,其中每一个列表项使用 ... 标签设置。 具体实例如下:👇👇👇 嵌套无序列表的使用 网站建设流程 项目需求 系统分析 网站的定位 内容收集 栏目规划 网站目录结构设计 网站标志设计 网站风格设计 网站导航系统设计 伪网页草图 制作网页草图 将草图转换为网页 站点建设 网页布局 网站测试 站点的发布与站点管理 运行结果如下:2.建立不同类型的无序列表 通过使用多个 ... 标签,可以建立不同类型的无序列表。 具体实例如下:👇👇👇 建立不同类型的无序列表 Disc 项目符号列表: 苹果 香蕉 柠檬 桔子 Circle 项目符号列表: 苹果 香蕉 柠檬 桔子 Square 项目符号列表: 苹果 香蕉 柠檬 桔子 运行结果如下:3.有序列表的设置 有序列表使用 ... 标签设置,其中每一个列表项使用 ... 标签设置。 具体实例如下:👇👇👇 有序列表的使用 HTML简单学习 网页的相关概念 网页与HTML Web标准(结构、表现、行为) 网页设计与开发的过程 与设计相关的技术因素 HTML简介 运行结果如下:4.建立不同类型的有序列表 通过使用多个 ... 标签,可以建立不同类型的有序列表。 具体实例如下:👇👇👇 建立不同类型的有序列表 数字列表: 苹果 香蕉 柠檬 桔子 罗马列表: 苹果 香蕉 柠檬 桔子 字母列表: 苹果 香蕉 柠檬 桔子 运行结果如下:5.嵌套列表的设置 嵌套列表的使用 一个嵌套列表: 咖啡 茶 红茶 绿茶 中国茶 非洲茶 牛奶 运行结果如下: 6.自定义列表的设置 自定义列表通过使用 ... 、...、 ... 标签进行设置。 具体实例如下:👇👇👇 自定义列表的使用 一个自定义列表: 电脑 是一种能够按照程序运行的电子设备!!! 显示器 以视觉方式显示信息的装置!!! 运行结果如下:
|
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |