博客列表 >HTML链接

HTML链接

的确
的确原创
2020年02月18日 20:10:58702浏览

 

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

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

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

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

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

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

注意:如果为这些超链接设置了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"

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议