HTML常用标签（a标签/img标签/table标签）

《HTML常用标签》

最近学习了一些关于HTML的常用标签，并在此做个博客来详细说明这些标签的具体属性以及用法，用于记录学习笔记以及检验学习成果。
本文的主要内容有：

1. a标签的用法
2. img标签的用法
3. table标签的用法
4. 其他感想

a标签的用法

HTML中的a标签又被称为锚元素，可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。–MDN
整理之后，a标签的主要作用有以下三点：

• 跳转外部页面
• 跳转内部页面
• 跳转到邮箱或者电话等
  以下主要了解a标签的3种属性，分别是：
• href
• target
• download

href

href的取值有以下四种：

• 网址
• 路径
• 伪协议
• id

网址

举一个例子来说明，如果想要点击一个标签来访问百度的地址，代码则为：
<a href="https://baidu.com">百度一下，你就知道</a>

点击访问后即可进入百度一下页面。
代码中中，href即为需要访问的网页正确地址，在两个与之间的即为超链接的显示互动文字。
我们知道，在网页有两种协议，分别是HTTP和HTTPS，有时候输入错误可能会打不开相应的网页，这时候就建议用以下的方式来输入超链接网址，那就是：
<a href="//baidu.com">百度一下，你就知道</a>
采用这种方式的网址会自动选择是http还是https。

路径

比如，我需要点击超链接来访问"百度一下标题"这张图片

我的代码就可以写成：
<a href="/picture/百度一下标题.png">访问图片</a>
点击访问图片后即可打开图片

其中，访问图片的路径需要是相对路径(ps:相对路径是什么可以自行百度)，除图片外也可以访问其他类型的文件。

伪协议

伪协议是在超链接中使用，可以调用一些代码，完成特定的功能，具体的内容我暂时还不太明白，但是这里着重介绍一中伪协议：
<a href="JavaScript:;">空的伪协议</a>
此代码表示一个空的伪协议，作用是当你点击这个超链接时，你的页面不会发生任何改变（记住是任何改变）。
除此之外，还可以写邮箱和电话，代码样式如下：

<a href="mailto:你的邮箱">发邮件给xxx</a>
<a href="tel:你的电话">打电话给xxx</a>

点击后即可发邮件和打电话。

id

可以进行内部的跳转，输入需要跳转到的地方的id，点击超链接后即可跳转。
举例如下：

<a href="#xxx">点击跳转至xxx</a>
1
2
...
<p id="xxx">20</p>
...
30
31

打开网页时，是这样的：

点击跳转后：

即可跳转至id所在位置。
接下来介绍href的第二个属性target

target

target中有一般有五种用法：

• _blank （设置后点击超链接则会在一个新窗口打开网页）
• _top （当网页中有多个含top标签的超链接，则会选择用最顶层的含有top标签的超链接页面打开新链接）
• _parent （在上一层页面打开，如果没有上一层，那打开的页面与_top相同）
• _self （在当前页面打开网页）
• 指定用于显示链接内容的名称（就是可以指定哪个窗口打开网页）

其中需要说明一下_top属性：
这里我建立了一个内嵌窗口，图片如下：

内嵌窗口中是一个百度的超链接，代码中加入了target=“_top”
<a href="//baidu.com" target="_top">我是百度</a>
那么问题来了，此时我点击超链接，新窗口会在哪里打开呢？
答案是：会在最外层的窗口打开
如果这里target=“_self”，那打开新窗口就是在红色区域打开了。
现在还剩最后一个属性download
这个属性添加后，点击超链接时，会自动下载超链接中的内容，这里不做演示。

img标签