（一）什麼是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/】