【JavaWeb】HTML——超链接标签

超链接标签

点击后带有链接跳转的标签,也叫做a标签

href属性用于定义链接

  • href中可以使用绝对路径,以/开头,始终以一个固定路径作为基准路径作为出发点
  • href中也可以定义完整的URL
  • href中也可以使用相对路径,不以/开头,以当前文件所在路径为出发点

target用于定义打开的方式

  • _blank 在新窗口中打开目标资源
  • _self 在当前窗口中打开目标资源

超链接标签路径问题

href属性用于定义链接

  • href中可以使用绝对路径,以/开头,始终以一个固定路径作为基准路径作为出发点

    无论当前资源在哪里,使用固定位置作为出发点去找目标资源
    以 / 开头

  • href中也可以定义完整的URL

  • href中也可以使用相对路径,不以/开头,以当前文件所在路径为出发点

    以当前资源的所在路径为出发点去找目标资源
    ./ 表示的当前资源的所在路径,可以省略不写
    ../ 表示当前资源的上一层路径,需要时必须显式写出

对于如下文件

执行后

复制代码
http://127.0.0.1:5500/demo1-html/04%20%E8%B6%85%E9%93%BE%E6%8E%A5.html

可以看出这里的绝对路径固定位置前缀是
/demo1-html
相关推荐
Csvn1 小时前
性能监控
前端
Csvn2 小时前
构建工具
前端
FRing032 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
kyriewen4 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒5 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫5 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库
jerrywus6 小时前
我用 GPT-6.1-sol 做了台会讲解的 3D 售货机:60 罐饮料,一口没喝上
前端·agent·claude
孟陬7 小时前
Foobar 技术周刊#159:当看不懂代码时,如何高效排障调试。脏页陷阱:一条只读查询,写入数 TB 数据。推测解码:大模型加速利器
前端·人工智能·后端
Zhao-Jichao7 小时前
AI Prompting for Everyone 课程笔记 - P17 图像生成 Imaging Generation
前端
Highcharts.js8 小时前
智能数据分析组件Orbit 正式发布与快速上手体验教程
前端·人工智能·信息可视化·数据分析系统·highcharts·orbit·智能可视化