第3章++超级链接和列表.pptVIP

制作：计算机学院 邵黎 * 如果你漫游到了一个冗长的Web页面，你可能会结束这个长长的页面。 与其让读者一页页地翻完那学术著作般的杰作，不如建立几个指向文档不同部分的链接。在页面开始，用这些链接组成一个内容目录。 制作：计算机学院 邵黎 * 3.1.3 创建指向本页中的链接 如果不想全部阅读一个很长的文件，方法是在文件的开头处列几个小标题，这相当于本篇文章的目录，在每个标题的后面建立一个链接，当读者对某个问题感兴趣时，可以直接点某个标题，而无需从头到尾阅读。 制作：计算机学院 邵黎 * 如同你正在读的书中作一个标记: 可以在那页上折个角，或夹个书签。“锚”起到同样的作用：它在 Web页面上标出特定的一点，然后你可以用一个正常的＜A＞标记指向那一点。 要在当前页面内实现超链接，需要用＜A＞标记定义两个标记：一个为超链接标记，另一个为书签标记。 制作：计算机学院 邵黎 * 超链接标记的格式为： A href=#记号名热点文本/A 即单击热点文本，将跳转到记号名开始的文本。 书签就是用A标记对该文本作一个记号。 如果有多个链接，不同目标文本要设置不同的书签名，书签名在A的name属性中定义。 格式为： A name=记号名目标文本字符串/A 制作：计算机学院 邵黎 * 在同一个文件中建立链接的步骤如下： （l）首先整理出文件的小标题，列在文件的最前面，每个标题单独起一行。接着输入文件正文。正文分段书写，与每个标题相对应的内容作为一段。 （2）为被链接的部分起名字并加标记，这个名字就是定位名称或锚名。锚名被放在文件正文中该标题对应那一段的开头。 （3）在文件链接处加链接标记，书写时，要在锚名前面加一个“＃”符号。 制作：计算机学院 邵黎 * 其格式如下： A href =“＃port1”标题一/A A href =“＃port2”标题二/A A href =“＃port3”标题三/A 文件正文的格式如下： A name=“Port1”（标题一对应的内容） A name=“Port2”（标题二对应的内容） A name=“port3”（标题三对应的内容） 补充:一个链接的实例，说明在同一个文件中如何实现链接。 本页中的特定链接 【例3-2】链接本页中的文本。 制作：计算机学院 邵黎 * 前面已经介绍过，如果要建立指向其他页面某处的文本，格式为： A href=URL#记号名热点文本/A 要在跳转到的位置处加上链接标记： A name=记号名文字串/A XHTML定义书签的格式为： a id=锚点名称目标文本附近的文本/a 【例3-12】 制作：计算机学院 邵黎 * 有时需要从一个网站链接到另一个网站，这种通过网络实现链接的方法与本地两个文件的链接方法相同，仍然可以用A标记和属性以及提示链接的一些文字，只是在文件名处应写上文件在网络上的URL，例如： A href= “ /” 中国教育和科研计算机网主页 /A 此处的URL中，没有写出文件名，它的默认名为index.html。如果文件名定义为其它名称，应该写在URL之中。 制作：计算机学院 邵黎 * 3.1.4 创建指向下载文件的链接 如果链接到的文件不是HTML文件，则该文件将作为下载文件，其格式为： A href=下载文件名热点文本/A 【例3-3】链接下载文件。 制作：计算机学院 邵黎 * 3.1.5 与Internet服务链接 用户通过超链接还可访问 E－mail、FTP和Gopher等Internet服务。 1．创建指向电子邮件的链接 单击指向电子邮件的链接，将打开默认的电子邮件程序，如FoxMail、Outlook Express，并填写地址。要创建指向电子邮件的链接，在A标记的href属性中加入mailto，其格式为： A href=mailto：E-mail地址?subject=邮件主题热点文本/A 制作：计算机学院 邵黎 * 补充 ：邮件主题是“新年好” html head title邮件的链接/title /head body 点击这里，将打开a href=mailto:xxx@?subject=新年好邮件传送/a /body /html 制作：计算机学院 邵黎 * 补充： 链接E－mail服务。 HTML HEAD TITLE