HTMLa标签常用的四种链接

在a标签里面有四种链接方式

1、内部链接
2、外部链接
3、空连接
4、描点链接

接下来让我详细解答

1、内部链接

<a href="text.html">内部链接</a>

内部链接在同一级的文件夹上：加上文件名和后缀即可

2、外部链接

<a href="http://www.biadu.com">跳转至百度</a>

外部链接跳转到网址一定要加上:**http://**在加上网址名即可

3、空连接

<a href="#">我是空连接</a>

空连接跳转到当前页面的顶端：在a标签里面的href里面加上#即可

4、描点链接

 <a href="#miao">找到那个描点链接</a><a id="miao">我是描点链接找我</a>

 <a href="#miao">找到那个描点链接</a><a name="miao">我是描点链接找我</a>

在之前HTML版本中，a标签通name属性实现锚点的定位，再通过href属性指向具体锚点。注意，这里name属性只是针对a标签，其他标签不可随意添加name属性，而且其余诸如表单之类的name属性的意义作用是不同的。所以a标签的锚点链接有局限性，如果你想吧在其他元素中设置锚点，需要在其他标签中添加一层带有name属性的a标签。

锚点：锚点的id（html5）或name
锚点的使用：step 1: 定义锚点 <a id="head"></ a> HTML5 不再支持 a标签的 name 属性，用id取代
step 2: 使用锚点

< a href=”#head”>回到顶部</ a>

在使用描点链接的时候最好用id因为id是不可重复的
而name是可以重复的
在描点链接里面的href里面#代表跳转到当前页面
案例

<body><a href="#id">找到id描点链接</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a id="id">我是id描点链接</a><a href="#name">找到那个name描点链接</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a  name="name">我是那个name描点链接</a></body>

扩展

target属性: 规定在何处打开链接

_blank 在新窗口中打开链接 < a href=”http://www.baidu.com” target=”_blank”>百度</ a>

_self （默认），在当前窗口打开链接

_parent 在父窗口中打开链接文档

_top 在整个浏览器窗口打开文档

framename 在指定框架中打开窗口，若不存在，则打开一个新的窗口

路径

相对路径：

（1）文件和图片在同一个目录文件夹，直接写文件名

（2）文件和图片在下一级目录里，文件夹名称+/+图片名称

（3）图片你在文件的上一级目录里，…+/+图片名称

（4）图片在文件的上一级的其他目录里，…/文件夹名称/图片名称

总结：找到下一级目录（文件夹）的图片（文件）用/
跳出当前目录使用…/

**绝对路径：**就是从头写到尾