HTML超链接

zhangeer

已于 2022-10-24 13:53:07 修改

阅读量289

点赞数

分类专栏： HTML 文章标签： html 前端 servlet 1024程序员节

于 2022-10-13 14:54:08 首次发布

本文链接：https://blog.csdn.net/zhangeer/article/details/127301412

版权

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

超链接：是行内元素，特殊的行内元素，它里面什么都能放，能放块元素，行内元素，行内块元素除了它自己。超链接可以是任何内容,可以是一个字，一段文字，图片，表格。

功能：
1、从一个页面跳到另一个页面
2、当前页面进行跳转
3、下载
属性：
1、href 指定超链接跳转的地址
绝对地址：完整的网址，无论你的超链接在哪里，只要点击，就可以
跳到对应的网站
相对地址：本地的页面，跟你的超链接文件的位置有关系
./ 你在的文件跟你要去的文件在同一目录下
../ 跳出当前的文件夹，来到上一级目录下
相对路径的跳转方式和很多标签标签的跳转都有关系，例如图片、音视频等等
2、target 指定超链接新开页面的打开方式
可选值：
_self 在当前页面打开超链接
_blank 新开一个页面打开超链接

补充：空链接的写法
<a href="#">空链接</a>
<a href="JavaScript:;">空链接2</a>

代码演示：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <a href="#">空链接</a>
    <a href="JavaScript:;">空链接2</a>
    <a href="https://www.jd.com/" target="_self">京东</a>
    <a href="https://www.baidu.com/">百度</a>
    
  </body>
</html>