请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

HTML的a标签常用的四种链接

 
在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取代


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

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

_self (默认),在当前窗口打开链接

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

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

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

路径
相对路径:

(1)文件和图片在同一个目录文件夹,直接写文件名

(2)文件和图片在下一级目录里,文件夹名称+/+图片名称

(3)图片你在文件的上一级目录里,…+/+图片名称

(4)图片在文件的上一级的其他目录里,…/文件夹名称/图片名称

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

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

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。