HTML网页设计教程 第5章 超级链接
时间：2026-01-14
HTML网页设计教程
WEB编程基础
清华大学出版社
Company name
第5章 超级链接
HTML网页设计教程
主要内容
为网页添加超链接 添加书签链接、电子邮件超链接、 FTP链接 添加书签链接、电子邮件超链接、 链接 建立图像映射
HTML网页设计教程
5.1超链接简介
网页文件的最大魅力是超越各个文件的空间，通过超 链接相互连接构成一个纷繁复杂的互联网世界。超链接 （hyperlink）是一个网站的精髓，超链接在本质上属于一 个网页的一部分，它是一种允许一个网页同其他网页或站 点之间进行链接的元素。各个网页链接在一起后，才能真 正构成一个网站。超文本具有的链接能力，层层链接相关 文件，这种具有超级链能力的特性，即称为超链接。超链 接除了可链接文本外，也可链接各种媒体，如声音、图像 和动画等，通过它们可以将网站建设成一个丰富多彩的多 媒体世界。
HTML网页设计教程
5.1超链接简介
HTML网页设计教程
5.1超链接简介
HTML网页设计教程
5.2创建超链接
建立超链接的标记是a(anchor，锚)，以<a>开始，以 </a>结束，锚可以指向网络上的任何资源：一张HTML页 面，一幅图像，一个声音或视频文件等。 基本语法： <a href="url" title="指向链接显示的文字" target=" 窗口名称">超链接名称</a> "> </a>
HTML网页设计教程
5.2创建超链接
<!—程序 程序5-1--> 程序 <html> <head> <title>创建链接 创建链接</title> 创建链接 </head> <body> <center> <h2>创建链接 创建链接</h2> 创建链接 <hr> <p><a href="http://www.77cn.com.cn" title="打开新浪首页 新浪</a> <!--添加新浪链接 打开新浪首页">新浪 添加新浪链接--> 打开新浪首页 新浪 添加新浪链接 <br> <a href="http://www.77cn.com.cn" target=_blank>百度 百度</a> <!--添加百度链接 添加百度链接--> 百度 添加百度链接 <br> <a href="http://www.77cn.com.cn">北 京 大 学</a> <!--添加北京大学链接 添加北京大学链接--> 北 添加北京大学链接 </p> </center> </body> </html>
HTML网页设计教程
5.2创建超链接
HTML网页设计教程
5.2.1设置超链接路径
建立链接时，属性“href”定义了这个链接所指的目标地 址，也就是路径。理解一个文件到要链接的那个文件之间 的路径关系是创建链接的根本。每一个网站都具有独一无 二的地址，英文中被称作URL（Uniform Resource Locator），即统一资源定位器，同一个网站下的每一个 网页都有不同的地址，但是在创建一个网站的网页时，不 需要为每一个链接都输入完整的地址，我们只需要确定当 前文档同站点根目录之间的相对路径关系就可以了。
HTML网页设计教程
5.2.2内部链接
所谓内部链接，指的是在同一个网站内部，不同的 所谓内部链接，指的是在同一个网站内部，不同的html页 页 面之间的链接关系，在建立网站内部链接的时候， 面之间的链接关系，在建立网站内部链接的时候，要明确 哪个是主链接文件（即当
HTML网页设计教程
HTML网页设计教程
HTML网页设计教程
HTML网页设计教程
HTML网页设计教程
HTML网页设计教程
HTML网页设计教程 第5章 超级链接.doc
将本文的Word文档下载到电脑
