目录
一、基本用法
<a href="跳转目标" target="目标窗口的弹出方式" title="超链接的介绍信息">文本或图像</a>
例如:
<a HREF="https://www.baidu.com/baidu?tn=34046034_10_dg&ie=utf-8&wd=%E5%B0%8F%E9%87%91%E6%AF%9B" target="_blank">百度一下</a>
二、超链接的三种属性
1.href属性
href属性是超链接标签必须存在的属性,href用于连接目标的URL地址。
2.target属性
target用于指定页面的连接方式
其中_self是默认值,即在当前窗口打开连接的打卡方式
_blank为在新窗口的打开方式。
3.title属性
title为超链接设置一些介绍信息。当鼠标移到设置了title属性的超链接上时,会显示title属性值
三、锚链接
锚链接可以链接到本页面的特定位置,也可以链接到另一个页面的特定位置。其实现方式是添加锚标记
<a href="#名字">跳转</a>,"#"必不可少。
<标签名 id="与刚才的名字一致"></标签名>
列如:
<a name="top"></a>
<a href="#top"> 去往顶部</a>
关于“#标记名”,它其实是页面中某一个标签的id属性值。也就是说,如果要跳转到网页的某个位置,就先在这个位置所在的标签设置id属性,然后就可以通过锚链接跳转到这个位置了
运行结果如下:
四、图片链接
网页中的各种元素也可添加链接,如文本,图片,表格,音频,视频等可添加超链接。
图片链接:<img src="图片路径" alt="图片代替的文字" width="图片宽度" height="图片的高度">
例如:
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2F952f581f-8cc6-4b17-a740-73f7b87aedd4%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1704354970&t=3a650496f7f1874cf07a9ce2821968b3"
alt="" title="小金毛" width="100" height="100">
<a HREF="https://www.baidu.com/baidu?tn=34046034_10_dg&ie=utf-8&wd=%E5%B0%8F%E9%87%91%E6%AF%9B" target="_blank">
百度一下</a>
运行结果如下: