Bootstrap

超链接的使用

目录

一、基本用法

二、超链接的三种属性

1.href属性

2.target属性

3.title属性

三、锚链接

四、图片链接


一、基本用法

<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>

运行结果如下:


 

;