（一）什么是HTML?
（HyperText Markup Language 超级文本标记语言）
不是编程语言（不需要编译器运行），是标记语言，通过一套标记标签描述网页用的。
（二）为什么使用HTML?
结合样式和动作来展示网页；使用户能够前台和后台的交互。
HTML版本说明
<!DOCTYPE html> html的文档说明，没有什么实际意义，代表的是当前html文件使用的是html5版本
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0.1 Transitional//EN http://www.w3.rog/TR/html4/loose.dtd”>
html4的标准声明
W3C：国际认证标准
DTD：文本格式
（三）常用标签
（1）标题标签：<h1>标题</h1> h1（最大）~h6（比正常还要小） 会加粗
（2）水平线：<hr/>（单标签） size设置粗细，color设置颜色
（3）body双标签：bgcolor：整个body页面的背景颜色
（4）段落标签：<p>段落内容</p> 标签中的内容是一段，前后自动换行
（5）超链接标签：<a></a> 属性href设置打开这个网页的地址 target设置连接打开方式（默认_self，_blank 新的标签）
（6）图像标签：<img /> src设置路径：绝对路径src="E:\Recreation\picture\IMG_0030.JPG"（不推荐）；相对路径（web工程下面）..//上一层文件 //文件进入一层文件 速度比较快，效率高
height设置图片的高度（用像素px表示，可以用qq截图看到）；width设置图片的宽度；alt设置规定显示图像的代替文本。
（7）字体：<font>内容</font> size设置字体大小1~7（最大）；color设置字体颜色；face设置字体。
（8）在html中默认不换行，换行标签<br/>
（9）默认只显示一个空格，特殊标识符 代表空格。
（10）“<”可以用<s;表示 ">" ==> >
（11）表格<table></table>
- <tr> tablerows行
- <td> tabledata列
- <th> tablehead 表头 自动加粗、对齐
<table>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
<th>籍贯</th>
<tr>
<td>1</td>
<td>旗木卡卡西</td>
<td>27</td>
<td>木叶村</td>
</tr>
</table>
默认没有边框，没有任何信息的情况下，添加边框，要添加在table标签中border（边框）=1-7（跟size一样）设置大小指的是设置高度height，设置宽度width。设置表格居中align=”center”。
（设置了边框）
设置表格背景颜色bgcolor，可以单个单元格设置。bordercolor设置边框颜色。
对td标签（行）来说的
设置表格跨行rowspan=”2”
设置表格跨列colspan=”2”
table小例子：
<html>
<head>
<title>table 方格</title>
</head>
<body>
<table border="1" width="300px" height="300px" align="center">
<tr>
<td colspan="2" bgcolor="#00CCCC "></td>
<td rowspan="2" bgcolor="#660099 "></td>
</tr>
<tr>
<td rowspan="2" bgcolor="#33CC00 "></td>
<td></td>
</tr>
<tr>
<td colspan="2" bgcolor="#990066 "></td>
</tr>
</table>
</body>
</html>
作业：古诗词页面
1.设置页面整体的背景颜色
2.显示出一首古诗.
3.显示作者的信息(姓名，朝代)
4.显示作者图片
5.超链接链接到作者的百科
<html>
<head>
<title>poem</title>
</head>
<body align = "center">
<img src="李煜.jfif" height="200px" width="150px"/ align="right" >
<h3>虞美人<h3>
<a href="https://baike.baidu.com/item/%E6%9D%8E%E7%85%9C/7831">李煜</a><br/>
春花秋月何时了，往事知多少？<br/>
小楼昨夜又东风，故国不堪回首月明中！<br/>
雕栏玉砌应犹在，只是朱颜改。<br/>
问君能有几多愁？恰似一江春水向东流。<br/>
</br></br></br></br><hr/>
李煜（937年8月15日―978年8月13日），唐元宗李璟第六子，初名从嘉，字重光，号钟隐、莲峰居士，徐州彭城县（今江苏徐州）人，南唐末代国君。
</body>
</html>
【找颜色必备web安全色：https://www.bootcss.com/p/websafecolors/】颜色在不同的设备上不会失真，用HTML的颜色代码
【学习网页必备网站w3school：https://www.w3school.com.cn/】