行级标签
1 图像
图像是网页的主要内容之一，在HTML标签中，img标签用于定义HTML页面中的图像。
语法：
<img src="" alt="" width="" height="">标签属性
src属性
作用：用于指定图像文件的路径和文件名
注意：是<img>标签的必须属性
width/height属性：
作用:指定图片宽度/高度注意：值可以不带单位默认px，只指定宽或高属性其中一个，另一个按照原比例等比缩放
默认样式
多张图片可以交列在一行显示
典型应用：作为内容展示的图像：产品图、广告图、详情页、文章页中插图。
图像路径：
页面中的图片会非常的多，通常我们会新建一个文件夹来存放这些图像文件images，这时候再查找图像，就需要通过路径的来描述图像文件的位置。 路径可以分成，相对路径和绝对路径。
相对路径
概述:相对路径是指由这个文件所在位置为参考基础，而建立出的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录。
绝对路径
绝对路径文件在目录中的绝对位置完整描述，常见的绝对路径一种由其在网络上的绝对位置定义的位置，一种是本地从盘符出发的绝对位置。
jpg特点:绝对URL始终指向同一位置，无论在何处使用 注意:在链接到同一网站内的其他位置时，应尽可能使用相对链接。链接到另一个网站时，需要使用绝对链接。
超链接
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像。将文档链接到其他文档或资源，链接到文档的特定部分。
语法
<a href="">文字或图片</a>
语义
超链接
默认样式
不独占一行
默认当前窗口打开
默认带有下划线、文字颜色
锚点
链接描述：当我们点击锚点链接时，可以快速定位到页面中的某个位置。
总结：重点掌握内部链接，外部链接，锚点链接。
效果参考：腾讯公司 - Tencent 腾讯 腾讯企业站
文本格式化标签
概述：在日常用语中，我们常常会加重某个字的读音，或者用加粗等方式突出某句话的重点。
与此类似，HTML 也提供了相应的标签，用于标记某些文本，使其具有加粗、倾斜、删除划线等效果。
em标签
(1)语法
<em></em>
(2)语义
强调，用于标记强调内容。
(3)默认样式
strong 标签
(1)作用
标记重要强调的内容。
为了强调重要的词，在口语方面我们往往用重音强调，在文字方面则是用粗体字来达到强调的效果。
(2)语法
<strong></strong>
(3)语义
着重强调
(4)默认样式
del标签
(1)作用
被从文档中删除的文字内容
(2)语法
<del></del>
(3)语义
删除的内容
(4)默认样式
(5)应用
I标签
(1)作用
区分普通文本的一系列文本。例如技术术语、外文短语或是小说中人物的思想活动等
(2)语法
<i></i>
(3)语义
无
(4)默认样式
b标签
(1)作用
定义粗体文本,用于吸引读者的注意到该元素的内容上。
(2)语法
<b></b>
(3)语义
没有语义
(4)默认样式
span标签
(1)作用
作为行内容器包含短语内容，通常用来区分文本样式。
(2)语法
<span></span>
(3)语义
无
(4)默认样式：无
2.3 换行
常常我们在需要手动换行地方，加入换行标签 ，即可实现内容强制换行。
(1)语法
<br />
注意：
不应该只为了实现加粗、斜体效果使用strong，em，可以使用css替代
br用于处理文本内容换行，不应用于控制元素间距