HTML链接

 

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

HTML使用标签<a>来设置超文本链接,超链接可以说是一个字,一个词,或者是一组词,一幅图像,当鼠标移到网页的某个链接时,箭头就会变成一只小手。

在标签<a>使用了href属性来描述链接地址

l  一个未访问过的链接显示为带下划线的蓝色字体

l  访问过的链接显示为带下划线的紫色字体

l  点击链接时,链接显示为红色并带下划线

注意:如果为这些超链接设置了css样式,展示样式会根据从书上样式的设定而显示

HTML链接语法

链接HTML代码很简单,例如

<a href=http://118qq.top/>访问这个网页</a>

这个链接会把用户带到网址http://118qq.top/

提示:“链接文本不一定是文本”,图片以及其他HTML元素都可以成为链接

HTML-target属性

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

实例:

<!DOCTYPE html> 


<html>

<head>

<title>118qq.top</title>

</head>

<body>

<a href="http://118qq.top/" target="_blank"> 访问118qq.top</a>

<p>如果你将target属性设置为"_blank",链接将在新窗口打开</p>

</body>

</html>


HTML链接-id属性

id可用于创建在一个HTML文档中的标记

提示:标记是不会以任何特殊的形式出现,在HTML文档中是不显示的,对于读者来说是隐藏的

实例:

HTML文档中插入id

<a id=”123”>有用的提示部分</a>

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

<a href=”#123”>访问有用提示部分</a> 


或者从另一个页面创建一个链接到有用的提示部分

<a href=http://118qq.top/#123>访问有用提示部分</a> 


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

欢迎留言