【前端学习记录】【HTML】

<span>：内容跨越元素

span是一个通用的行级容器，本身不具备特殊含义。可以用于对元素进行编组，以便添加样式（通过class或者id属性），该标签仅在无其他合适语义元素，或者不想增加特定的含义时使用。

<div>：内容划分元素

div是一个通用的块级内容容器，它对内容或布局没有影响，除非以某种方式使用CSS对其进行样式设置。

作为一个纯粹的容器，div本身并不表示任何内容，而是用于组织内容，以便通过使用class或者id属性轻松应用样式，标记文档中以不同语言编写的部分等待。

一般只有当没有其他合适的语义元素，如article或nav时，才使用div。

<img>：将图片放到网页上

img标签需要有两个属性才能起作用：src和alt。

src属性包含一个url，该url指向要嵌入页面的图像。

alt属性是图片的文本描述，用于在图片无法显示或者因为网速慢而加载缓慢的情况下使用。

除此之外，width和height属性可以设置图片显示的宽高。

而title属性，用于给图片提供更多的信息，当鼠标悬停时会显示title中的内容。

<video>：将视频放到网页上

属性：src，controls

其中src属性与img标签的使用方式相同；

而controls属性，让用户可以控制视频和音频的播放。

video中的后备内容，当浏览器不支持video时，就会显示。

<audio>：将音频放到网页上

使用方式与<video>几乎相同，但是不支持width/height属性。

<iframe>：在网页中嵌入内容

响应式图片

为了解决在不同尺寸下图片的显示。

<table>：表格

<td>：table data

单元格，在表格中，最小的内容容器就是单元格。

多个td标签放在一起，不会自动换行，td创建一个单独的单元格，它们共同组成了第一行

如果想让这一行停止增加，让单元格从第二行开始，需要使用<tr>

<tr>：table row