1.我的第一个HTML程序
<!doctype html>
<html>
<head>
<title>标题
</title>
</head>
<body>
主体内容
</body>
</html>
2.HTML基本标签
<!doctype html>
<html>
<head>
<title>
</title>
</head>
<body>
<p>
段落标签
</p>
<h1>
标题字，由h1-h6
</h1>
<br>
<hr color="red" width="50%">
<pre>
预留格式（即保存当前的格式）
</pre>
<del>删除字
</del>
<ins>插入字
</ins>
<b>粗体字
</b>
<i>斜体字
</i>
10
<sup>2
</sup>
10
<sub>m
</sub>
<font color="red" size="50">字体标签
</font>
</body>
</html>
3.常见的实体符号
<!doctype html>
<html>
<head>
<title>
</title>
</head>
<body>
比如想写 b
<a>c 因为<>符号和标签符号冲突，所以a被作为标签解析了
如果还想表示以上内容，就要
b
<a
>c
a
b
</body>
</html>
4.1html的表格
<!doctype html>
<html>
<head>
<title>
表格
</title>
</head>
<body>
<center><h1>员工信息列表
</h1></center>
<hr>
<table border="1px" width="60%" height="150px" align="center">
<tr align="center">
<td align="center">a
</td>
<td>b
</td>
<td>c
</td>
</tr>
<tr>
<td>d
</td>
<td>e
</td>
<td>f
</td>
</tr>
<tr>
<td align="center">g
</td>
<td>h
</td>
<td>i
</td>
</tr>
</table>
</body>
</html>
4.2单元格合并的行合并和列合并
<!doctype html>
<html>
<head>
<title>
单元格合并
</title>
</head>
<body>
<table border="1px" width="60%" height="150px" align="center">
<tr>
<td>a
</td>
<td>b
</td>
<td>c
</td>
</tr>
<tr>
<td colspan="2">de
</td>
<td rowspan="2">cf
</td>
</tr>
<tr>
<td>g
</td>
<td>h
</td>
</tr>
</table>
</body>
</html>
4.3th标签
th标签也是单元格标签，比td多的是居中、加粗
<th>员工编号
</th>
<th>员工薪资
</th>
<th>部门名称
</th>
4.4thead tbody tfoot
<!doctype html>
<html>
<head>
<title>
thead tbody tfoot 在table中不是必须的，只是这样做有利于后期JS代码的编写
</title>
</head>
<body>
<table border="1px" width="60%" height="150px" align="center">
<thead>
<tr>
<th>员工编号
</th>
<th>员工薪资
</th>
<th>部门名称
</th>
</tr>
</thead>
<tbody>
<tr>
<td>e
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>g
</td>
<td>h
</td>
</tr>
</tfoot>
</table>
</body>
</html>
