HTML常用标签

1.a 标签的用法

1.定义：

a 标签定义超链接，用于从一张页面链接到另一张页面。

2.常用的属性：

a. href：规定跳转指向的 URL

b. target：设置跳转方式

c. dowload：规定被下载的目标

d. rel=noopener：防止 JS 中 window.opener 引发的安全问题

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的

已被访问的链接带有下划线而且是紫色的

活动链接带有下划线而且是红色的

3.作用：

跳转到外部网址

1.https 协议地址，例如https://www.baidu.com

2.http 协议地址，例如http://www.baidu.com

3.不加协议，会自动选择适用协议，例如 //www.baidu.com

跳转到内部锚点的路径

1.绝对路径，例如 /a/b/c，/a 即开启 http 服务的根目录；相对路径a/b/c，相对当前目录

2.指向某个文件：例如 index.html , ./index.html

跳转到邮箱或电话等伪协议

1.javascript 代码，例如

2.id：#xxx；跳转到对应的 id 选择器

3mailto：邮箱；

4.tel：手机号

< a href="tel: 111111">发邮箱</a>

4.target

内置名字

_blank：在新页面打开

_top：在最顶层窗口打开指定页面

_parent：父级窗口打开指定页面

_self：当前页面，默认值

_ 设置为指定名字 xx：会覆盖已打开名为 xx 的页面

程序命名

window 的 name：开发者工具查看当前 tab 的 name

iframe 的 name：在指定 iframe 打开 a 标签链接

2.img 标签的用法

1.定义：img 元素向网页中嵌入一幅图像。

2.属性：

（1）alt：加载失败时显示的图片

（2）height：宽

（3）width：高

（4）src：指定图片

3.事件：

onload/onerror：监听图片是否加载成功

请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

src 属性是必须的，它包含了你想嵌入的图片的文件路径。

alt 属性包含一条对图像的文本描述，这不是强制性的，但对可访问性而言，它难以置信地有用——屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义。如果由于某种原因无法加载图像，普通浏览器也会在页面上显示alt 属性中的备用文本：例如，网络错误、内容被屏蔽或链接过期时。

3.table 标签的用法

1.定义：<table> 标签定义 HTML 表格。

2.基本结构：

<table>

</table>

3.标签

1）thead：包含 tr 行元素，tr 包含 th 表头

2）tbody：里面有 tr 行元素，tr 可以包含th 表头和td 表数据

3）tfoot：表尾，不会根据代码位置而改变表尾在表格中的位置

4.样式

1）table-layout：auto；定义表格布局的算法，常用 auto 为自动根据内容来计算宽度，fixed 固定宽度；

2）border-cllapse：collapse；合并表格间隙

3）border-spacing：0；表格的间隙宽度

最后编辑于：2020.08.11 22:18:19