超链接(文本超链接、图片超链接)

本文详细介绍了HTML中<a>标签的使用,包括文本超链接、空链接、访问根目录、禁止跳转的实现方式,以及相对和绝对地址的区别。同时,讲解了链接的title属性、target属性的应用,以及图像超链接的创建。强调了正确的链接写法,并提供了错误示例以供对比。
摘要由CSDN通过智能技术生成

body>

    <!-- <a href=""></a> -->超链接标签(用于从一个页面链接到另一个页面)

    <br>

    文本超链接

    <br>

    <a href="https://www.baidu.com/">百度</a>

 <div>

<!-- <a href=" 不写值   ">百度</a> -->空链接

<br>

<a href=""></a>百度

<br>

<!-- <a href="   #   ">百度</a> -->空链接

<br>

<a href="#">百度</a>

<br>

<!-- <a href="   /   "></a> -->访问根目录

<br>

<a href="/">百度</a>

<br>

<!-- <a href="  javascript:;  ">百度</a> -->禁止跳转

<br>

<a href="javascript:;">百度</a>

 </div>

 错误写法:

 <a href="www.baidu.com">百度</a>  

 <br>

 注意   绝对地址:是一个网址,一定要带上协议头 https:// 或  http://

 <br>

正确写法:

<a href=" https://www.baidu.com ">百度</a>

<br>

相对地址:

在当前项目中,文件与文件之间访问跳转

<br>

html文件

<br>

<a href="default.html">我要访问default.html文件</a>

<br>

title="" 提示性文本 (有利于网站的内部优化)

<br>

<div>

    <a href=" https://www.youku.com"title="优酷-你的热爱,正在热播">优酷</a>

    <a href=""title="Dr.arrivo the zeus宙斯二代美容仪器 家用美容器 脸部按摩仪导入微电流" > <h6>

            Dr.arrivo the zeus宙斯二代美容仪器 ...

    </h6></a>

    target="_blank" 链接跳转的地址 以“新的窗口”打开(浏览器总在一个新打开、未命名的窗口中载入目标文档。)

    <br>

    <a href="https://www.youku.com"title=""target="_black">优酷</a>

    <br>

    _self、_parent、_top   覆盖原窗口

    <br>

    <a href="https://www.youku.com"title=""target=" _self">优酷</a>

    <br>

    <a href="https://www.youku.com"title=""target=" _parent">优酷</a>

    <br>

    <a href="https://www.youku.com"title=""target=" _top ">优酷</a>

</div>

图像超链接

<div>

<a href="http://w.jingyibio.com/"><img src="./img/rimg.jpg" alt=""></a>

</div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值