HTML 链接

HTML 链接


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


Examples

尝试一下 - 实例

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

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


HTML 超链接(链接)

HTML使用标签 <a>来设置超文本链接,是可以从一个页面指向另一个目的端的链接。

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

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

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

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

  • 一个未访问过的链接显示为蓝色字体并带有下划线
  • 访问过的链接显示为紫色并带上下划线
  • 点击链接时,链接显示为红色并带上下划线
注意:如果为这些超链接设置了CSS样式,展示样式会根据CSS的设定来显示

    HTML 空链接

    HTML 空链接:指指向链接后,鼠标变成手形,但单击后仍停留在当前页面。

    临时加的空链接,主要为了能更好的看到最终的效果。

    基本语法:

    <a href="#">链接文字</a>

    其中“ # ”表示空链接。

    实例

    <a href="#">W3CSchool</a>

    HTML 链接语法

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

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

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

    Example

    <a href="//www.w3cschool.cn/">Visit W3CSchool</a>

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

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

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


    HTML 链接 - target 属性

    使用 Target 属性,你可以定义被链接的文档在何处显示(在新的窗口打开,还是在原有的窗口中打开)。

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

    分类HTML教程手册相关推荐:

    HTML教程导读- (HTML5 标准) HTML简介 HTML编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 头部 HTML 样式-CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单和输入 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML 链接 HTML URL HTML 速查列表 HTML 学习总结