项目七 链接标签

项目七 链接标签

项目要求

项目展示

部分作品展示如图7.1、7.2所示。

图7.1 部分作品展示一

图7.2 部分作品展示二

教学内容

1. 超链接的概念

链接标签

一个网站由多个网页构成,每个网页上都有大量的信息,要想使网页中的信息排列有序,条理清晰,并且网页与网页之间有一定的联系,就需要使用超链接。

2. 超链接标签

超链接用〈a〉〈/a〉标记环绕需要被链接的对象即可。

语法格式如下:

属性:

href:指定链接目标的URL,即要跳转的页面URL为必要属性。

title:悬停文字,即鼠标放置上面的描述。

target:告诉浏览器用什么方式打开目标页面,target属性如下:

_self:在同一个页面中显示为默认值。

_blank:在新的窗口中打开页面。

提示:如果要想在网页中所有链接都使用新窗口打开,可以在head标签内添加〈base target="_blank" /〉动手试一试。

3. 链接分类

链接分类如图7.3所示。

链接分类

图7.3 链接分类

项目训练