原创力文档- 1、本文档共11页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
???? 勸? ? ? ? 橢橢?? ?諰罢 罢 ? O ? ? ? · ? ? ? ? ? ? ? D ?? ? ? ? ? ? ? ? ? ? ?? ? d ? 4 ? ? ? ? ( ? ? ? ? ? ? ? ? ?$ ?? ?< ?y ? ? ? ? ? ? ? ? ? ? ? ? ? 憖 憖 憖 ? ? ? ? ? ? ? 憖 ? ? 憖 憖 ? ? ? ? ? ?? ???ǒ ?? 嗼 ? ? Z ? ?0 ? ? ? ぺ 奬 ? ぺ° ? ? ? ぺ ? ? ? ? 憖 ? ? ? ? ? ? ? 惌 ê ? ? ? ? ? ? ? ? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ぺ ? ? ? ? ? ? /li>
<li>白茶</li>
</ul>
</li>
在例2-4中，首先定义了一个包含两个列表项的无序列表，然后在第一个列表项中嵌套一个有序列表，在第二个列表项中嵌套一个无序列表，方法为在<li></li>中定义有序或无序列表。
实践案例 创建三级列表
（1）、练习目标
掌握列表嵌套的方法。
熟练地使用列表的嵌套制作多级列表。
（2）、需求分析
在使用列表时，列表项中有可能包含若干子列表项，要想在列表项中定义子列表项就需要将列表进行嵌套。为了让初学者熟悉列表嵌套的方法，本案例通过无序列表和有序列表进行嵌套，实现一个三级列表效果。
（3）、案例分析
效果如图所示。
、列表的嵌套效果
（4）、具体实现步骤如下：
定义无序列表<ul>。
在无序列表<ul>的子列表项<li>中嵌套有序列表。
2、案例实现
新建HTML文件，具体代码如下：
<!doctype html>
<html>
<head>
<meta charset=“utf-8”>
<title>列表的嵌套应用</title>
</head>
<body>
<ul>
<li>咖啡
<ul>
<li>摩卡</li>
<li>蓝山</li>
</ul>
</li>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶
<ol>
<li>龙井</???? 勸? ? ? ? 橢橢?? ?諰罢 罢 ? O ? ? ? · ? ? ? ? ? ? ? D ?? ? ? ? ? ? ? ? ? ? ?? ? d ? 4 ? ? ? ? ( ? ? ? ? ? ? ? ? ?$ ?? ?< ?y ? ? ? ? ? ? ? ? ? ? ? ? ? 憖 憖 憖 ? ? ? ? ? ? ? 憖 ? ? 憖 憖 ? ? ? ? ? ?? ???ǒ ?? 嗼 ? ? Z ? ?0 ? ? ? ぺ
您可能关注的文档
- 网络基础-2017 DNS服务和协议 DNS的迭代查询动画脚本.doc
- 网络技术 网络技术 11 虚拟专用技术.doc
- 网络设备安装与调试（旧） 考证题库及其解析 CCNA题库(181-210).doc
- 网络设备安装与调试（旧） 企业实习实训 09网络3班莫开能.doc
- 网络设备安装与调试（旧） 实施方案、配置文档、测试报告 01-阜阳市电子政务外网二期工程验收报告.doc
- 网络设备安装与调试（旧） 实施方案、配置文档、测试报告 实施方案(04)-安网给力酒店办公区客房网络隔离方案.doc
- 网络营销 网络营销 18 联想官网的品牌形象展示方法.docx
- 网页设计 习题 习题19.docx
- 网页设计基础 HTML表单 第6章 HTML表单_教学设计.doc
- 网页设计基础 从零开始构建HTML 页面 第2章 从零开始构建HTML页面_补充案例.doc
文档评论（0）