a标签

<a>标签定义链接,有2种用法

通过href属性,可以创建一个指向另外一个文档的链接(跳转到其他页面)

通过name属性,创建一个文档内部书签.

语法:

<a 属性=”属性值”>标签内容</a>

补充点:

行内标签(在文档显示种,一行可以显示多个标签的内容,并且标签宽,高由其内容决定):span,a

块状标签(在文档的显示种,一行只能显示一个标签,标签宽为默认的行宽):div,p

a标签常用的属性

<div id="a">

<a target="_blank" href="./1.常用的基础标签.html">常用的基础标签</a>

<a target="_blank" href="./2.常见的文本标签.html">常见的文本标签</a>

<a target="_blank" href="./3.布局标签.html">布局标签</a>

<a target="_blank" href="./4.特殊标签.html">特殊标签</a>

</div>

<div id="imgs">

<a target="_blank" href="http://www.baidu.com"><img src="../img/bxk-1.jpg"></a>

<a target="_blank" href="http://www.baidu.com"><img src="../img/bxk-2.jpg"></a>

</div>

相对路径和绝对路径

绝对路径一般是http://、https://为前缀的路径

<div>

<p>绝对路径</p>

<a href="https://sjz.58.com/shouji/35598778567235x.shtml?adtype=1&psid=178590089201607518552990558&iuType=q_1&ClickID=1&slot=1000019&entinfo=35598778567235_q&PGTID=0d300024-0006-6b27-87d1-309c4ccff71c">手机</a>

</div>

相对路径：以当前这个文件本身作为参照进行定位。

./ 表示当前目录,通常可以省略

../ 表示上一层目录

例如：

<a target="_blank" href="./1.常用的基础标签.html">常用的基础标签</a>

<a target="_blank" href="http://www.toutiao.com"><img src="../img/bxk-1.jpg"></a>

欢迎关注我的头条号，持续更新web方向学习资料