网页设计与制作（活页式） 课件 情景5-1 链接标签的语法及常用属性

网页设计与制作链接标签的语法及常用属性授课教师：陈璇JavaScriptCSSHTMLHTML目录CONTENTS12学习目标知识讲解引言超链接是各个页面之间的桥梁引言从SEO搜索引擎优化的角度来讲方便用户阅读更多相关内容提升用户体验传递权重吸引蜘蛛来访爬行页面并收录引言绿水青山三山五岳主题素材引言前期文本图文混排表格的基础掌握超链接的使用及相应知识点将各地的大好山河连接起来超链接，Hyperlink，是指从一个网页指向一个目标的连接关系。引言引言另一个页面跳转至一张图片跳转至一个文件跳转至一个电子邮件地址跳转至一个应用程序引言这也是超链接的一种应用实例引言学习目标01学习目标学习目标01掌握链接标签的语法学习目标02了解链接标签的常用属性学习目标03超链接的类型02知识点讲解超链接概述

浏览者通过单击文本或图片对象，可以从一个页面跳到另一个页面，或从页面的一个位置跳到另一个位置，实现这样的功能的对象称为超链接对象。目标端点指链接跳过去的页面或位置，如某网页、书签等源端点指网页中的提供链接单击的对象，如链接文本或链接图像创建超链接的条件必须同时存在两个端点。一个是源端点；另一个是目标端点。超链接标签属性属性值描述href超链接文件路径指定链接路径（必设属性），用于设置超链接的目标端点id(name)书签名在HTML5以前使用name属性定义书签名称，在HTML5使用id定义书签名称target目标窗口名称在指定的目标窗口中打开链接文档title提示文字设置链接提示文字创建超链接的基本语法：<ahref="目标端点">源端点</a>超链接标签常用属性：创建超链接使用的标签为<a>创建基本超链接示例

链接路径设置绝对路径1文件相对路径2href：链接路径设置绝对路径：指文件的完整路径文件相对路径：指相对于当前文件的路径

文件相对路径链接路径示例：1.链接文件和当前文件在同一目录下，同一目录，只需输入链接文件的名称从Database.html到Mainframe.html的链接设置:<ahref=Mainfram.html></a>

文件相对路径链接路径示例：2.链接文件在当前文件的下一级目录，需在链接文件名前添加“下一级目录名/”从AboutUs.html到Mainframe.html的链接设置:<ahref=Products/Mainfram.html></a>

文件相对路径链接路径示例：3.链接文件在当前文件的上一级目录，需在链接文件名前添加“../”从Trails.html到Mainframe.html的链接设置:<ahref=../Mainfram.html></a>

文件相对路径

网页是如何跳转的呢？设置超链接目标窗口超链接页面默认情况下在当前窗口打开，可通过target属性修改目标窗口。设置超链接目标窗口语法：

target属性可取下表所列各值：属性值描述_blank新开一个窗口打开链接文档_self在同一个框架或同一窗口中打开链接文档（默认属性）_parent在上一级窗口中打开，一般在框架页面中经常使用_top在浏览器的整个窗口中打开，忽略任何框架框架名称在指定的浮动框架窗口中打开链接文档

<ahref="目标