文档介绍：网页设计与制作教程(第2版)
机械工业出版社同名教材 配套电子教案
第3章超级链接和列表
建立超级链接
锚点标记
创建指向其他页面的链接
创建指向本页中的链接
创建指向下载文件的链接
创建指向电子函件的链接
建立列表
无序列表标记
创建选单列表
创建有序列表
定义项目列表
列表的嵌套
习题3
建立超级链接
锚点标记
<A>标记的格式为:
<A href="地址" name="字符串" target="打开窗口方式"> 热点</A>
创建指向其他页面的链接
格式为:
<A href="目标文件的路径/"> 热点文本</A>
根据目标文件与当前文件的目录关系,有4种写法。
1. 链接到同一目录内的网页文件
链接到同一目录内的网页文件的格式为:
<A href=""> 热点文本</A>
目标文件名是链接所指向的文件。
2. 链接到下一级目录中的网页文件
链接到下一级目录中网页文件的格式为:
<A href="子目录名/"> 热点文本</A>
3. 链接到上一级目录中的网页文件
链接到上一级目录中网页文件的格式为:
<A href=". . /"> 热点文本</A>
其中“. . /表示退到上一级目录中。
4. 链接到同级目录中的网页文件
链接到同级目录中网页文件的格式为:
<A href=". . /子目录名/"> 热点文本</A>
表示先退到上一级目录中,然后再进入到目标文件所在的目录。
创建指向本页中的链接
超链接标记的格式为:
<A href="#记号名"> 热点文本</A>
即单击热点文本,将跳转到“记号名”开始的文本。
书签格式为:
<A name="记号名"> 目标文本附近的字符串</A>
如果链接指向其他文件的某一部分,格式为:
<A href="目标文件路径/文件名#记号名"> 热点文本</A>
创建指向下载文件的链接
如果链接到的文件不是HTML文件,则该文件将作为下载文件,其格式为:
<A href="下载文件名"> 热点文本</A>
创建指向电子函件的链接
单击指向电子函件的其格式为:
<A href="mailto:E-mail地址"> 热点文本</A>
建立列表
无序列表标记
无序列表中每一个表项的前面是项目符号(如●、■等)。建立无序列表使用<UL>标记和<LI>表项标记。格式为:
<UL type="符号类型">
<LI type="符号类型1"> 第一个列表项
<LI type="符号类型2"> 第二个列表项
…
…
</UL>
创建选单列表
格式为:
<MENU>
<LH> 选单列表的标题
<LI> 第一个列表项
<LI> 第二个列表项
…
<LH> 选单列表的标题
<LI> 第一个列表项
<LI> 第二个列表项
…
</MENU>
创建有序列表
格式为:
<OL type="符号类型">
<LI type="符号类型1"> 表项1
<LI type="符号类型2"> 表项2
…
</OL>
定义项目列表
格式为:
<DL>
<DT> 定义单词1
<DD> 单词1的说明
<DT> 定义单词2
<DD> 单词2的说明
…
…
</DL>
与<LI>标记一样,<DT>、<DD>也为单标记。
列表的嵌套
1. 无序列表中套无序列表
2. 有序列表中套有序列表
3. 无序列表中套有序列表
4. 有序列表中套无序列表
习题3
按如图3-15所示制作指向其他页面的链接,要求把第4章中的例题用超链接链起来,在网页中单击例题名,则打开该例题。
按如图3-16所示,制作指向本页中的链接,在本网页中给出例题的内容(题目和解答),单击网页前部的例题名跳转到该例题的开始处,在例题内容结尾单击“返回”回到网页前部。在题目后单击“显示”将打开该例题的网页。各例题文件保存在当前文件夹中的“例题集”子文件夹中。并在网页尾部建立指向制作者电子函件的链接。