HTML <a> 标签 href属性

  HTML <a> 标签

href 属性用于指定超链接目标的 URL，是<a>标签的必要属性。通过点击到达目标。

案例

<p>绝对链接URL: <a href="http://www.xuandaima.com/index.html">炫代码首页</a></p>
<p>相对链接URL:<a href="/index.html">炫代码首页</a></p>

a连接

支持浏览器

语法

<a href="值">

文本链接

一个使用文本方式连接到其他目标的超连接。可通过css来改变链接的样式。

<a href="/index.html" target="_blank" >炫代码首页</a>

效果如下：

炫代码首页

图像链接

下面是图像连接，通过点击图像可到达首页。

<a href="/index.html" target="_blank">
	<img src="/Template/Test/img/logo.png" />
</a>

效果如下：

按钮链接

下面是按钮连接，通过点击按钮可到达首页。

<a href="/index.html target="_blank" >
<button type="button">Click Me!</button>
</a>

效果如下：

按钮

锚链接

可快速定位页面的指定位置，要注意页面的高度要大于显示高度。要不然看不出效果。

<a href="#di">链接到底部标题</a>
<h2><a id="di">这是底部标题，可以链接到这</a></h2>

运行代码