当前位置: 首页 > article >正文

前端——标签二(超链接)

标签二

超链接标签:a

超链接,实现页面间的跳转和数据传输

a标签的属性

href跳转路径(url)必须具备,表示点击后会跳转到哪个页面

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

格式:

<img scr="" alt="" title="" width="" height="">  地址、说明、题目、长、高

scr 是该图片的地址

alt 图片加载不出来情况下的说明

A标签主体不能是空白,否则默认是长宽高为0,页面不展示

链接的几种形式:

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

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

<a href="https://www.bilibili.com" target="_blank">哔哩哔哩</a>

内部链接:网站内部页面之间的链接。写相对路径即可。

<a href="html001.html">跳转到html001页面</a>

文字超链接

1绝对路径

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

2相对路径

<a href="html001.html">跳转到html001页面</a>

3刷新

<a href="#">在当前页面</a>

Href中使用#号,此时页面不会跳转,会刷新——锚点功能

图片超链接

<a href="https://www.baidu.com/">
        <img src="https://img0.baidu.com/it/u=3833842338,855323632&fm=253&fmt=auto&app=120&f=GIF?w=308&h=256"
            alt="https://www.baidu.com/">
 </a>

少年没有乌托邦,心向远方自明朗!

如果这个博客对你有帮助,给博主一个免费的点赞就是最大的帮助
欢迎各位点赞,收藏关注
如果有疑问或有不同见解,欢迎在评论区留言
后续会继续更新大连理工大学相关课程和有关前端的内容和示例
点赞加关注,学习不迷路,好,本次的学习就到这里啦!!!

我们下次再见喽!


http://www.kler.cn/a/304091.html

相关文章:

  • 【Android、IOS、Flutter、鸿蒙、ReactNative 】约束布局
  • 人工智能的前沿研究方向与未来发展趋势
  • 回归分析学习
  • 【MATLAB代码】二维平面上的TDOA,使用加权最小二乘法,不限制锚点数量,代码可复制粘贴
  • 【leetcode练习·二叉树】用「分解问题」思维解题 II
  • 稀疏视角CBCT重建的几何感知衰减学习|文献速递-基于深度学习的病灶分割与数据超分辨率
  • Linux中的简单命令2
  • 场外期权合法吗?
  • 如何在vim中批量注释和取消注释
  • 【秋招笔试】9.09阿里国际秋招(已改编)-三语言题解
  • Go语言 管道1
  • 基于单片机的仔猪喂饲系统设计
  • vue原理分析(八)研究new Vue()中的initProxy
  • 集群聊天服务器项目【C++】(二)Json的简单使用
  • C++笔记---list
  • [QT] QT事件与事件重写
  • Spring扩展点系列-SmartInstantiationAwareBeanPostProcessor
  • 通过策略模式实现对象创建工厂
  • QMainWindow,调用exec()实现QDialog阻塞效果
  • HTTPS和HTTP区别是什么?
  • 【Python机器学习】循环神经网络(RNN)——利用Keras实现循环神经网络
  • 【XR】AR HUD
  • 交换机vlan配置实现
  • Java、python、php三个版本 抗震救灾物资管理系统 抗洪救灾物资分配系统 救援物资申请平台(源码、调试、LW、开题、PPT)
  • Android Framework(四)WMS-窗口显示流程——窗口创建与添加
  • TON的两种地址