a标签-HTML5精讲 课时ID:6.8 【表严肃】#HTML教程 #HTML5教程 #a标签

6.8 <a>标签-HTML5精讲 课时ID:6.8 【表严肃】#HTML教程 #HTML5教程 #a标签

<a>用于定义网页中的链接,链接也叫做锚或锚链接,而<a>即是anchor(锚)的缩写。
例如,要定义一个跳转到百度的链接可以这样写:

<html>
    <body>
        <a href="http://baidu.com">点击测试网络</a>
    </body>
</html>

其中href<a>标签的一个属性,用于制定跳转的目标地址,此处要注意语法,
href之后有等号,地址要写在等号右边,其值最好用引号包住(考虑到值有可能存在空格的情况)。

链接默认在当前页面打开,如果想在新标签页打开可以将target属性指定为_blank

<html>
    <body>
        <a href="http://baidu.com" target="_blank">点击测试网络</a>
    </body>
</html>

target属性的默认值是_self,也就是在当前页面打开。

<a>中可以存在子元素,其子元素也会作为链接的一部分,图片链接便是通过这种特性实现的:

<html>
    <body>
        <a href="http://baidu.com" target="_blank">
            <img src="http://ww2.sinaimg.cn/mw690/006aIBkCjw1f8e693flooj30f0076jr7.jpg">
        </a>
    </body>
</html>

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.5

Tips:

  • 一张网页可有多个<a>标签

  • 并不是所有的标签有href属性

  • <a>是行内元素(与文字表现类似,可以跟随文字流动)

  • <a>中可以存在子元素,其子元素也会作为链接的一部分。

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码