"网页设计-列表项目.ppt:无序列表ul的格式与样本"
22 浏览量
更新于2024-01-03
收藏 309KB PPT 举报
"网页设计-列表项目.ppt"是一份关于列表项目的网页设计的演示文稿。在第5章中,介绍了列表项目的不同类型和相关规则。
5.1 无序列表(ul):
无序列表是一种在表的各项前显示有特殊项目符号的列表,也称为强调式列表。使用无序列表标记符<UL></UL>和列表项(List item)标记符<LI></LI>来定义无序列表。
无序列表的格式为:
<ul type=值>
<li>项目符号
<li>项目符号
……
</ul>
在无序列表中,可以通过使用type属性来控制标号的类型。常见的type取值有:
- 方形实心的行标号■ (type=square)
- 空心圆点的行标号○ (type=circle)
- 实心圆点的行标号● (type=disc,默认项)
5.2 有序列表(ol):
有序列表是一种按照一定的顺序排列的列表,每个项目都有一个编号。使用有序列表标记符<OL></OL>和列表项(List item)标记符<LI></LI>来定义有序列表。
有序列表的格式与无序列表类似:
<ol type=值>
<li>项目符号
<li>项目符号
……
</ol>
与无序列表相同,type属性可以用来控制标号的类型。常见的type取值有:
- 数字编号(默认项)
- 小写字母编号(a, b, c...)
- 大写字母编号(A, B, C...)
- 小写罗马数字编号(i, ii, iii...)
- 大写罗马数字编号(I, II, III...)
- 自定义编号(使用start属性来指定起始值)
5.3 嵌套列表:
嵌套列表是指在一个列表项中嵌套另一个列表。可以在无序列表或有序列表中嵌套无序列表或有序列表。
嵌套列表的格式为:
<ul>
<li>项目符号
<ul>
<li>嵌套的项目符号
<li>嵌套的项目符号
</ul>
</li>
<li>项目符号</li>
</ul>
5.4 定义列表(dl/dt/dd):
定义列表用于显示术语及其对应的定义。使用定义列表标记符<DL></DL>、定义术语标记符<DT></DT>和定义标识符<dd></dd>来定义定义列表。
定义列表的格式为:
<dl>
<dt>术语</dt>
<dd>定义</dd>
<dt>术语</dt>
<dd>定义</dd>
</dl>
无序列表样本:
<ul>
<li>奥运加油</li>
<li>世界杯冠军</li>
<li>学习英语</li>
</ul>
总结:
网页设计中的列表项目包括无序列表(ul)、有序列表(ol)、嵌套列表和定义列表(dl/dt/dd)。无序列表通过特殊项目符号强调每项的重要性,有序列表按照一定的顺序排列每个项目,嵌套列表将一个列表嵌套在另一个列表项中,定义列表用于显示术语定义。在生成列表项目时,需要使用相应的标记符号和属性来定义列表项的样式和类型。通过合理运用列表项目,可以使网页内容更有条理和可读性。
2022-06-09 上传
2022-12-23 上传
2023-07-05 上传
2021-09-28 上传
2021-09-21 上传
2022-12-23 上传
是空空呀
- 粉丝: 189
- 资源: 3万+
最新资源
- 明日知道社区问答系统设计与实现-SSM框架java源码分享
- Unity3D粒子特效包:闪电效果体验报告
- Windows64位Python3.7安装Twisted库指南
- HTMLJS应用程序:多词典阿拉伯语词根检索
- 光纤通信课后习题答案解析及文件资源
- swdogen: 自动扫描源码生成 Swagger 文档的工具
- GD32F10系列芯片Keil IDE下载算法配置指南
- C++实现Emscripten版本的3D俄罗斯方块游戏
- 期末复习必备:全面数据结构课件资料
- WordPress媒体占位符插件:优化开发中的图像占位体验
- 完整扑克牌资源集-55张图片压缩包下载
- 开发轻量级时事通讯活动管理RESTful应用程序
- 长城特固618对讲机写频软件使用指南
- Memry粤语学习工具:开源应用助力记忆提升
- JMC 8.0.0版本发布,支持JDK 1.8及64位系统
- Python看图猜成语游戏源码发布