2.1 文本控制标签
2.1.1 页面格式化标签
概念：为了使网页中的文字有条理地显示出来，HTML提供了相应的页面格式化标签，如标题标签、段落标签、水平线标签、换行标签。
标题标签
- 基本语法格式：<hn align="对齐方式"></hn>
- align属性值有：
-
- left：设置标题文字左对齐
- center：设置标题文字居中对齐
- right：设置标题文字右对齐
- 注意：
-
- 一个页面中最好只使用一个<h1>标签，该标签通常被用在网站的Logo部分。
- 由于标题标签拥有特殊的语义。初学者切勿为了设置文字加粗或更改文字的大小而使用标题标签
- HTML中一般不建议使用标题标签的align属性设置对齐方式，可使用CSS样式设置
段落标签
- 基本语法格式：<p align="对齐方式">段落文本</p>
- 概念：在网页中，可以使用<p>标签来定义段落。<p>标签是HTML文档中常用的标签，默认情况下，一个段落中的文本会根据浏览器窗口的大小自动换行。
水平线标签
- 基本语法格式：<hr 属性 = “属性值”/>
-
换行标签
- 如果想要将某段文本强制换行显示，就需要使用换行标签<br/>
- 注意
- <br/>标签虽然可以实现换行的效果，但并不能取代结构标签<h>、<p>等。
2.1.2 文本格式化标签
文本格式化标签用于为文字设置粗体、斜体或下划线等一些特殊显示的文本效果
常用的文本格式化标签及文本显示效果：
<cite> 标签
- <cite>标签是一个逻辑标签，该标签嵌套的文本是对某个参考文献的引用。例如，书籍或者杂志中的内容。
- <cite>标签中的文本会以斜体样式显示在页面中。与<i>标签、<em>标签嵌套的文本显示样式相同，他们的差异在于语义不同，<cite>标签着重强调引用内容。
<mark>标签
- <mark>标签是一个逻辑标签，用于高亮显示文本。
2.1.3 文本样式标签
- 概念：文本样式标签可以设置一些文字效果，例如，字体、字号、文字颜色，让网易中的文字样式变得更加丰富。
- 基本语法格式：<font 属性=”属性值“>文本内容</font>
- 常用属性：
-
- face：设置字体，例如微软雅黑、黑体、宋体等
- size：设置字号，可以取1-7之间的整数值，无需添加单位。
- color：设置文字颜色，颜色值可以为英文单词、十六进制颜色值等。
- 在实际应用中，通常会使用CSS样式替代<font>标签
2.1.4 特殊字符
2.2 图像标签
2.2.1 常用图像格式
- GIF 格式：最突出的特点是支持动画，它是一种无损压缩的图像格式，即修改图像之后 GIF格式的图像质量没有损失。而且 GIF格式支持透明，很适合在互联网上使用。但 GIF 格式只能处理 256 种颜色。因此在网页制作中，GIF格式常常用于 Log0、小图标和其他色彩相对单一的图像。
- PNG 格式：包括 PNG-8 格式和真色彩 PNG 格式(包括 PNG-24 格式和 PNG-32 格式)相对于 GIF 格式， PNG 格式最大的优势是体积更小，支持 Alpha透明(全透明、半透明)，并且颜色过渡更平滑，但 PNG格式不支持动画。其中，PNG-8格式与 GIF 格式类似，只能支持 256 种颜色，如果用作静态图可以取代 GIF 格式;真色彩 PNG 格式可以支持更多的颜色，同时真色彩 PNG格式(特指 PNG-32 格式)支持半透明图像效果。
- JPEG 格式：是一种有损压缩的图像格式，该格式的图像稍小，但每修改一次图像都会造成些图像数据的丢失。 JPEG 格式是专为照片设计的图像格式，网页中类似于照片的图像(如横幅广告、商品图像、较大的插图等)都可以保存为 JPEG 格式。
2.2.2 图像标签及其属性
- 基本语法格式：<img src = "图像URL"/>
ps：src属性用于指定图像的路径，它是<img/>标签的必需属性
- 在HTML 4.01之前，可以通过vspace属性和hspace属性分别调整图像的垂直边距和水平边距
-
注意
- 实际制作网页时，HTML5并不支持<img/>标签中使用border、vspace、hspace和align属性，这四个属性在HTML 4.01中已废弃，可用CSS样式替代。
- 网页制作中，装饰性的图像不建议直接插入<img/>标签，最好通过CSS设置背景图像的方式来实现。
2.2.3 绝对路径和相对路径
1. 路径：
- 在使用计算机查找需要的文件时，需要知道文件的位置，而表示文件位置的方式就是路径。
2. 相对路径和绝对路径：
- 绝对路径：就是网页上的文档或目录在盘符(即C盘、D盘等)中的真正路径。例如，“D:\案例源码 \chapter02\images\tao.png”是一个盘符中的绝对路径。
- 相对路径：不带有盘符，通常是以 HTML网页文件为起点，通过层级关系描述目标图像的位置。
3. 相对路径设置方法：
-
- 图像文件和 html 文件位于同一文件夹:
只需输入图像文件的名称即可，如<img src=“logo.gif”/>。
-
- 图像文件位于 html 文件的下一级文件夹：
输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif"/>.
-
- 图像文件位于 html 文件的上一级文件夹：
在文件名之前加入“…/"如果是上两级，则需要使用../ ../” ，以此类推，如 ：
<img src="../logo.gif" />。
注意
在网页开发时尽量减少绝对路径的使用，因为网页最后要上传至服务器，最后很难得到一个精确的路径，导致网页的图片显示异常，所以尽量使用相对路径，避免这个问题。
2.4 超链接标签
简介：一个网站通常由多个页面构成，打开网站，通常先看到的是首页。如果想从首页跳转到其他页面，就需要在首页的相应位置添加超链接。
注意
- 暂时没有确定链接目标时，通常将<a>标签的 href 属性值定义为“ #”(即 href="#")，表示该链接暂时为一个空链接,
- 在网页中不仅可以创建文本超链接，令各种网页元素，如图像音频、视频等都可以添加超链接
