HTML链接标签<a>，实例代码在线编辑

HTML链接

HTML的链接标签非常重要，不但是将整个web网站应用进行闭环式的相互链接，也是互联网的基础之一，想想，互联网不就是一个个站点链接起来的吗？

注意：如果单单只是用了上述的标签是无法形成一个完整意义上的HTML链接标签，还要为href属性添加有效的链接地址，下面是一个简单的实例。

 <a href='https://www.x1y1z1.com/' >笨鸟工具</a>

如上代码，运行之后，一般情况下浏览器会将HTML的链接渲染成蓝色字体并带有下划线，但是因为本站已经对HTML的标签进行的css的设置，所以上述的代码运行之后会得到一个灰色字体没有带下划线，并且鼠标放在链接上时字体会变色的样式。

提示：href的属性值一般要求完整的链接地址，包括https://或http://

上面的实例运行后得到的链接，点击之后会直接在当前的窗口打开链接的网站地址，如果需要在新的窗口打开的话，可以为链接添加target属性，实例代码如下：

<a href='https://www.x1y1z1.com/python/aboutpython.html' target='_blank' style='color:blue'>python可以做些什么</a>

HTML链接的ID锚的作用不但可以用于跳转当前页面的位置，也可以加在url地址上，从外面跳转到该页面的某个地方，实例代码如下：

<a href='#benniao1' >跳到当前页面的实例1</a> //这个跳的不明显，可点击实例下方的另一个链接看一看效果
<br><br>
<a href='https://www.x1y1z1.com/#id0' >跳到本站首页的电商运营</a>

提示：如果跳到的位置像本例一样，被导航栏遮挡（因为导航栏固定在顶部了），那么可以将所要跳转的id往前设置一些，比如设置在本页面“第二个标题链接标签”上。

hot：热门