7.14a标签和图片格式

执笔绘江山

已于 2022-07-14 21:48:11 修改

阅读量945

点赞数 3

文章标签：大数据 html 前端 html5

于 2022-07-14 21:42:16 首次发布

本文链接：https://blog.csdn.net/qq_45059691/article/details/125793527

版权

今天给大家介绍一下a标签和图片的显示格式，a标签这个标签将跟随我们后面许多的项目

1.超链接

a标签的作用就是超链接，在这里我们介绍它的两个属性，；两个功能，一个补充，

a标签中间可以带很多东西，可以是一个字，一段文字，图片，表格，可以是任何东西，它是一个特殊的行内元素，它里面什么都能放，除了它自己。

功能：

1.一个页面跳到另一个页面

2.当前页面的跳转

3.下载

属性：

1 href属性：指向跳转的路径地址

属性值：外部网站的地址(直接复制网部网址在此) 这个是绝对路径

也可以跳内部网址这个是相对路径

可以用下面两种跳转：

1.1.使用./来跳转同一个文件夹下的内部网址

1.2.使用../来跳出当前文件夹，来到上一级文件夹内,可多次跳出

关键点：（超链接）在哪里，要去哪里

2.target属性：控制超链接打开的方式

可选值：

2.1 _self 默认值在当前界面打开超链接

2.2 _blank 在新开的一个窗口打开超链接

下面来代码演示一下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="https://www.meituan.com/"> 你今晚八点吃什么<br /> </a>
    <a href="./4.列表.html"> 去网站<br /> </a>
    <a href="../7.1.背景样式/08.放射渐变.html" target="_self">
      去另一个文件夹的常用标签<br />
    </a>
    <a href="../../20200329_181558.mp4"> 去上上个文件夹的文件 </a>
  </body>
</html>

运行结果如下图所示：