第4章.列表剖析.ppt

4.5定义列表 语法说明： - dl/dl标记用来创建定义列表； - dt/dt：dt标记（definition term）是用来创建列表中的每个元素标题，此标记只能在dl/dl标记中使用。显示时dt/dt标记定义的内容将左对齐； - dd/dd：dd标记（definition description ）用来创建列表元素的内容描述，此标记也只能在dl/dl标记中使用。显示时dd/dd标记定义的内容将相对于dt/dt标记定义的内容向右缩进。 4.5定义列表 示例代码!--程序4-7 -- dl dt报名/dt dd报名时间：3月16—21 日，逾期不予受理。/dd dd报名地点：所在院系办公室。/dd dd报名费用：按物价局规定85元/人/次（含培训费用），报名 时交齐。/dd dd提交资料及注意事项：/dd dt培训/dt dd培训时间：3月31日（星期六）。/dd dd培训地点：河南财经学院4号楼503教室（如有变动，以通知 为准）。/dd dd注意事项：报考同学请自带《普通话水平测试指导》用书 （新版），可到学而优等书店购买。/dd /dl 4.5定义列表 程序4-7用dt/dt标记定义了上层项目“报名”和“培训”，并用dd/dd标记分别定义了其相应的下层项目，他们之间以缩进的形式使层次清晰。 程序4-7的执行效果如图4-7所示。 4.6菜单列表和目录列表 菜单列表（Menu List）通常用于显示一个简单的单列列表，一般不做嵌套。 目录列表（Directory List）通常用于显示一个多列的文件列表，可做嵌套。 他们的使用均和无序列表类似，并且可以看着是无序列表的一种特殊形式。一般不建议使用此两项列表。 4.6菜单列表和目录列表 基本语法： menu dir li项目名称/li li项目名称/li li项目名称/li li项目名称/li li项目名称/li li项目名称/li …… …… /menu /dir 4.6菜单列表和目录列表 示例代码!--程序4-8-- h3b班级新闻/b/h3 menu type=disc li最新课程表/li li关于普通话考试的通知/li li钢琴名曲音乐欣赏--献给爱丽丝/li li中国奥运屈辱史/li lidiv+css高级应用学习/li /menu hr h3b普通话考试报名通知/b/h3 4.6菜单列表和目录列表 示例代码!--程序4-8-- dir li报名时间：3月16—21 日，逾期不予受理。/li li报名地点：所在院系办公室。/li li报名费用：按物价局规定85元/人/次（含培训费用），报名时交齐。/li li提交资料及注意事项：/li dir li参加测试的学生须填写《河南省普通话水平测试报名表》一份（准考 证号码不用填写）；/li li达芬奇密码/li li填写准考证一份（编号不用填写），所填姓名和出生年月等须与身份 证一致；/li li提交小一寸彩色证件照3张（照片不能是打印版、不能是生活照， 3张 照片必须统一底片），其中两张照片贴在报名表和准考证上，另一张 用钢笔在背面写上校名、系别和姓名，与表格一起上交。/li /dir /dir 4.6菜单列表和目录列表 程序4-8中采用了菜单列表和目录列表，并使用目录列表做了嵌套，读者可以把他们改为无序列表进行效果比较。 程序4-8的执行效果如图4-8所示。 导航条的制作 第一步 创建文件4-2.html，定义页面结构，完成内容的基本布局 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html head styl