HTML Hyperlink

来源:互联网 发布:icmp 端口 编辑:程序博客网 时间:2024/05/09 20:09

HTML Links - Hyperlinks

The HTML <a> tag defines a hyperlink that you can click on to jump to another document.

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

Tip: The "Link text " doesn't have to be text. It  can be an image or any other HTML element

标签 <a> 的内容也可以是图片或者其他HTML元素


By default, links will appear as follows in all browsers: 

默认情况下在所有浏览器中,一个链接有以下几种状态:

  • An unvisited link is underlined and blue 未访问的链接,下划线,蓝色
  • A visited link is underlined and purple 已访问过的链接,下划线,紫色
  • An active link is underlined and red 活跃的(鼠标move over)指针,下划线,红色

The href Attribute

The most important attribute of the <a> element is the href attribute which specifies the destination of a link. 

属性 href 指定了一个超级链接的目的地.


创建一个 email 链接
<a href="mailto:xxx@yyy">

The target Attribute

The target attribute specifies where to open the linked document. 属性target指定在哪里打开所链接的文件。 

_blankOpens the linked document in a new window or tab (在新窗口或标签里打开)_selfOpens the linked document in the same frame as it was clicked (default)_parentOpens the linked document in the parent frame_topOpens the linked document in the full body of the window (如果webpage被锁定在一个框架里,使用此属性值,则会 break out 这个frame, 如:全窗口显示被链接的文件)framenameOpens the linked document in a named frame注意: Always add a trailing slash to subfolder references. 记得在子文件索引后加一个结尾斜杠。

If you link like this: href="http://blog.csdn.net/test", you will generate two requests to the server, the server will first add a slash to the address, and then create a new request like this: href="http://blog.csdn.net/test/".


The id Attribute

Used to create a bookmark inside an HTML document. 用于在HTML文件内创建书签

Create a link to the "Useful Tips Section" inside the same document 

同页内超链接跳转:

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

链接其他网页中的指定区域:

<a href="http://blog.csdn.net/html_links.htm#tips">Visit the Useful Tips Section</a>


0 0
原创粉丝点击