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 属性描述了链接的目标..
<a href="//www.w3cschool.cn/">Visit W3CSchool</a>
上面这行代码显示为:: Visit W3CSchool
点击这个超链接会把用户带到 W3CSchool 的首页.
提示: "链接文本" 不必一定是文本. 图片或其他 HTML 元素都可以成为链接.
HTML 链接 - target 属性
使用 Target 属性, 你可以定义被链接的文档在何处显示(在新的窗口打开, 还是在原有的窗口中打开).
下面的这行会在新窗口打开文档:
实例
<a href="//www.w3cschool.cn/" target="_blank">访问 W3CSchool 教程!</a>
提示: 默认的被链接文档会在原有的窗口中打开的. 如果将 target 属性设置为 "_blank" 则文档就会在新窗口打开.
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.w3cschool.cn/html_links.html#tips"> Visit the Useful Tips Section</a>
基本的注意事项 - 有用的提示
Note: 请始终将正斜杠添加到子文件夹. 假如这样书写链接: href="//www.w3cschool.cn/html", 就会向服务器产生两次 HTTP 请求. 这是因为服务器会添加正斜杠到这个地址, 然后创建一个新的请求, 就像这样: href="//www.w3cschool.cn/html/".
问题:
如何使用图片链接.
在当前页面链接到指定位置 如何使用书签
跳出框架, 假如你的页面被固定在框架之内.
创建电子邮件链接
来源: http://www.bubuko.com/infodetail-3108574.html