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"。