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)图片在文件的上一级的其他目录里,…/文件夹名称/图片名称

总结:找到下一级目录(文件夹)的图片(文件)用/
跳出当前目录使用…/

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

  • 15
    点赞
  • 110
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值