注释和特殊字符：
如果需要在html文档添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。
html中的注释以“<!--”开头，以“-->”结束或者快捷键：Ctrl+/。
举例：
<!-- 我想放假 -->
添加注释是为了更好的解释代码的功能，便于相关开发人员解释和阅读代码，程序是不会执行注释内容的。
特殊字符：
举例：
虽然我们在编写代码的时候，文本之间添加了多个空格，但是在网页显示依然只有一个空格。
我想 放假
因此这种方法显然是不行的，所以我们需要使用特殊字符。
显示效果：
使用特殊字符：
我想 放假
显示效果：
再比如：
我们想告诉用户，p是一个段落标签：
<p>是一个段落标签
但是在页面中<p>并没有被显示出来，因为编译器会直接将其解析。
显示如下：
那么此时也需要使用特殊字符：
<p>是一个段落标签
显示如下：
表格标签：
表格的主要作用：
表格主要用于显示，展示数据，因为它可以让数据显示的非常的规整，可读性非常好，特别是后台展示数据的时候，能够熟练运用表格就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理。
表格不是用来布局页面的，而是用来展示数据的。
表格的基本用法：
<table> <tr> <td>单元格内的文字</td> ..... </tr> .... </table>
<table></table>是用来定义表格的标签
<tr></tr>标签用于定义表格中的行，必须嵌套在<table></table>标签中
<td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中
字母td指表格数据(table data),即数据单元的内容
举例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table> <tr><td>姓名</td><td>性别</td><td>年龄</td></tr> <tr><td>王俊凯</td><td>男</td><td>23</td></tr> <tr><td>王源</td><td>男</td><td>22</td></tr> <tr><td>易烊千玺</td><td>男</td><td>22</td></tr> </table> </body> </html>
显示效果如下：
注意html中是没有列的概念的，每一行由若干个单元格组成。
表头单元格标签：
一般表头单元格位于表格第一行或者第一列，表头单元格里面的文本内容加粗居中显示。
<th>标签表示html表格的表头部分（table head的缩写）
举例：
<tr><th>姓名</th><th>性别</th><th>年龄</th></tr>
显示如下：
表格属性：
这些属性要写到表格标签中去
举例：
将表格显示在页面中央：
<table align="center">
显示如下：
表格结构标签：
使用场景可能很长，为了更好的表示表格的语义，可以将表格分割成表格头部和表格主体两大部分，在表格标签中，分别用：<thead>标签表格的头部区域，<thead>内部标签拥有<tr>标签，一般是位于第一行，<tbody>标签表格的主体区域，主要用于存放数据本体，这样可以更好的分清表。
举例：
注意不要和网页的头部尾部搞混了，这两个标签都是使用在<table></table>标签中
合并单元格：
合并单元格的步骤：
<1>先确定是跨行还是跨列合并。
<2>找到目标单元格，写上合并发方式=合并的单元格数量，比如:<td colspan="2"></td>.
<3>删除多余的单元格。
合并单元格的方式：
跨行合并：rowspan=“合并单元格的个数”
跨行：最上侧单元格为目标单元格，写合并代码
跨列合并：colspan=“合并单元格的个数”
跨列：最左侧单元格为目标单元格，写合并代码
目标单元格：（写合并代码）
举例：
将第一行的第二列和第三列单元格进行合并：
<!DOCTYPE html> <html lang="en"> <head> </head> <body> <table width="500" height="249" border="1" cellspacing="0"> <tr> <td></td> <td colspan="2"></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
显示如下：
无序列表：
表格是用来显示数据的，那么列表就是用来布局的。
列表最大的特点就是整洁，有序，它作为布局会更加自由和方便。
根据使用情境不同，列表可以分为三大类：无序列表，有序列表和自定义列表。
无序列表：
- 标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表，而列表项使用
<li>标签定义。
举例：
<!DOCTYPE html> <html lang="en"> <head> </head> <body> <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> </body> </html>
显示如下：
<1>无序列表的各个列表项之间没有顺序级别之分，是并列的。
<2><ul>和</ul>中只能嵌套<li></li>，直接在
标签中输入其他标签或者文字的做法是不被允许的。
例如：
下述这种是不被允许的：
<!DOCTYPE html> <html lang="en"> <head> </head> <body> <ul> <p>123</p> <li>列表项1 </li> <li>列表项2</li> <li>列表项3</li> </ul> </body> </html>
<3><li>与<li>之间相当于一个容器，可以容纳所有元素。
<!DOCTYPE html> <html lang="en"> <head> </head> <body> <ul> <li>列表项1 <p>123</p> </li> <li>列表项2</li> <li>列表项3</li> </ul> </body> </html>
显示如下：
<4>无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS来设置。
有序列表：
有序列表即为有排列顺序的列表，其各个列表项会按照一定顺序排列定义。
在HTML标签中，<ol>标签用于定义有序列表，列表排序以数字来显示，并且使用<li>标签定义列表项。
有序列表的基本语法格式如下：
<ol> <li></li> <li></li> <li></li> ..... </ol>
举例：
<!DOCTYPE html> <html lang="en"> <head> </head> <body> <ol> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ol> </body> </html>
显示如下：
