4-5 设定联络信息<address>元素
这个元素主要用于显示个别内容或是整个网站内容的联络信息。在设计网页时,有时需要在网页下方放置联络信息,便可以使用这个元素。
程序实例ch4_7.html:<address>元素的应用。这个程序在执行时若是单击“与客服人员联络”超链接,便可进入美国的Silicon Stone网页。
执行结果
4-6 链接到电子邮件信箱
HTML也允许超链接直接链接到电子邮件信箱,使用方法如下:
<a href=Mailto:电子邮件地址> … </a>
此外,也可以在电子邮件地址后面加上参数实现用特别方式发送邮件。
主题:?subject=信件标题。
副本:?cc=副本收件者电子邮件地址。
密件抄送:?bcc=密件抄送收件者地址。
邮件内容:?body=邮件内容。
程序实例ch4_8.html:重新设计程序实例ch4_7.html,将超链接导向电子邮件信箱,同时附上不同参数实现用特别方式来发信邮件。读者应该分别单击以体会结果。
执行结果 下图是进入网页及单击各个超链接后的执行效果。
4-7 引用短文的实例<cite>元素与超链接的应用
在3-12节笔者曾经讲过可以用<cite>元素引用短文,下面举一个实例。
程序实例ch4_9.html:<cite>元素与超链接的应用。
执行结果 单击下图所示的“大数据”超链接可跳至<cite>所参考的bigdata.html文件。
4-8 指定基准的URL
至今本书所有URL皆是以目前HTML文件的地址为基准。
HTML内有<base>元素,这个元素可以设定URL的基准,执行这个元素设定的URL基准后,未来所有相对的URL皆以此为基准。这个元素必须放在<head>元素内,且一个<head>元素只能有一个<base>。这个元素的使用格式如下:
<base 属性>
□ href
以绝对地址设定HTML文件的基准。
□ target
属性值可参考4-2节。
程序实例ch4_10.html:<base>元素的测试。这个程序在第6行会先将ch4/child设为URL的基准,由于基准为子文件夹ch4,所以程序第9行即使是引用同文件夹的超链接,此URL也需使用“../basetest.html”定义。
程序child/basech4_10.html:位于ch4的子文件夹child,它的内容如下:
程序basetest.html:与ch4_10.html相同,位于ch4文件夹。
执行结果
习题
1. 请设计一个网页介绍自己的求学履历,使其可以超链接到所读小学、初中和高中学校的网页,其他内容可自行发挥。
2. 请挑选3种不同风格的音乐主题,每一种主题挑5首歌曲,请设计一个网页可以从主网页跳至不同风格的音乐主题网页。