html的超链接标签 a

previewfile_3094852179

超链接标签: a

a标签有2个重要的属性,hreftarget属性。

  • href:必须具备,表示点击后会跳转到哪个页面

  • target:打开方式.默认是 _self.如果是 _blank则用新的标签页打开.

超链接href属性的使用展示

1.通过图片展示

示例代码

image-20240215145404529

运行效果:

image-20240215145245475

点击跳转到百度

image-20240215135005304

点击跳转到html01页面
image-20240215150024207

点击跳转到当前页面

通过一个#来作为一个占位符

<a href="#">跳转到当前页面</a>

2.通过图片展示

示例代码
image-20240215170045969
运行效果
image-20240215163311619

点击之后跳转到百度
image-20240215135005304

我们自己使用的超链接标签和百度使用的超链接标签颜色不一样

image-20240215164527962

原因: 我们使用的超链接标签的颜色是由浏览器自带的CSS展示样式造成的,同时这颜色可以通过CSS来改变到达我们自己预期的效果。

超链接target属性的使用展示

上文的代码打开页面都是在原来的页面打开的,想到跳转页面在新的页面打开就需要用到target属性。代码中没写target这个属性的话,就是默认属性,target属性默认是 _self,就是默认在当前页面打开跳转页面。如果是 _blank则用新的标签页打开。

 <a href="https://www.baidu.com/" target="_blank">跳转到百度</a>

运行效果:

image-20240215170340608

image-20240215170405212

链接的几种形式

  • 外部链接: href 引用其他网站的地址

    <a href="http: / /www.baidu . com">百度</ a>
    
  • 内部链接:网站内部页面之间的链接,写相对路径即可.

相关推荐

  1. Android 带html标签文本添加自定义跳转

    2024-02-16 06:34:02       17 阅读
  2. HTML和图音频

    2024-02-16 06:34:02       7 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-16 06:34:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-16 06:34:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-16 06:34:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-16 06:34:02       18 阅读

热门阅读

  1. 设计模式-装饰模式 Decorator

    2024-02-16 06:34:02       30 阅读
  2. 23种设计模式之原型模式

    2024-02-16 06:34:02       28 阅读
  3. Python课堂11——字典

    2024-02-16 06:34:02       31 阅读
  4. ABC340(A-C)

    2024-02-16 06:34:02       27 阅读
  5. 「数据结构」绪论

    2024-02-16 06:34:02       30 阅读
  6. STM32介绍

    2024-02-16 06:34:02       26 阅读
  7. 通过Spring @Validated 更优雅的实现参数校验

    2024-02-16 06:34:02       23 阅读
  8. Zeek实战—快速构建流量安全能力

    2024-02-16 06:34:02       33 阅读