HTML5学习笔记分享(四)超链接

 

HTML超链接(链接)

1.HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。

HTML使用标签 来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

 

2.在标签 中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

(1)一个未访问过的链接显示为蓝色字体并带有下划线。

(2)访问过的链接显示为紫色并带有下划线。

(3)点击链接时，链接显示为红色并带有下划线。

注：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。

 

3.HTML 链接语法

(1)HTML链接标签

标签	描述
	定义一个超级链接

(2)链接文本

href 属性描述了链接的目标，url为链接的地址。.

注："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

(3)target 属性

使用 target 属性，你可以定义被链接的文档在何处显示。

(4)id 属性

id属性可用于创建在一个HTML文档书签标记。

注：书签是不以任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。

 实例：a:在HTML文档中插入ID:

              有用的提示部分

             b:在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

              访问有用的提示部分

                或者，从另一个页面创建一个链接到"有用的提示部分(id="tips"）"：

             
                访问有用的提示部分

(5）有用的提示部分

注： 请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.baidu.com/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.baidu.com/html/"。

 

4.实例

(1)文本链接

 

5.更多实例

(1)图片链接

a.有边框的图片链接：

b.无边框的图片链接

只需要把border的属性大小变为0，即border = "0"即可。

 

(2)在当前页面链接到指定位置

和要链接到的位置

它的作用是使用书签是可以跳转到需要的地方。

 

(3)假如你的页面被固定在框架之内，如何跳出框架

用到了target这个属性。

(4)链接邮件

链接邮件时，需要定义好邮件的地址，才能链接成功。