视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTML链接教程详解
2020-11-27 15:33:24 责编:小采
文档


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

尝试一下 - 实例

HTML 链接
如何在HTML文档中创建链接。

(可以在本页底端找到更多实例)

HTML 超链接(链接)

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

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

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

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

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

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

访问过的链接显示为紫色并带上下划线

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

HTML 链接语法

链接的 HTML 代码很简单。它类似这样::

<a href="url">Link text</a>

href 属性描述了链接的目标。.

Example

<a href="www.gxlcms.com/">Visit W3CSchool</a>

上面这行代码显示为:: Visit W3CSchool

点击这个超链接会把用户带到 W3CSchool 的首页。

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

HTML 链接 - target 属性

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

下面的这行会在新窗口打开文档:

实例

<a href="www.gxlcms.com/" target="_blank">Visit W3CSchool!</a>

HTML 连接- id 属性

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

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

实例

在HTML文档中插入ID:

<a id="tips">Useful Tips Section</a>

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

<a href="#tips">Visit the Useful Tips Section</a>

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

<a href="www.gxlcms.com/html_links.htm#tips">
Visit the Useful Tips Section</a>

基本的注意事项 - 有用的提示

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

【相关推荐】

1. 特别推荐:“php程序员工具箱”V0.1版本下载

2. 免费html在线视频教程

3. php.cn原创html5视频教程

下载本文
显示全文
专题