HTML的基本結構：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
一、前端的三大模塊：html、css、javascript
html--結構 它的全稱：超文本標記語言
css--樣式 它的全稱：層疊樣式表
javascript--行為 它的全稱：腳本語言
二、html標簽
1. <!DOCTYPE html> doc（document文檔），type（類型） 單標簽，聲明文檔類型
作用：瀏覽器打開的時候，告訴瀏覽器這是一個什么文件。
2. <html> </html> 根標簽，雙標簽 <html>是開始標簽 </html>是結束標簽/閉合標簽
3. <head> </head> 頭部標簽
4. <body> </body> 身體標簽
5. <title> </title> 標題標簽
6. meat 設置標簽 <meat charset="utf-8"> charset用來設置編碼格式，utf-8漢字
7. img 圖像標簽，用來引入圖片，路徑由src來引入。 <img src="img/....jpg" />
8. link 外部引入
9. <b> </b> 加粗文字
10. <button> </button> 按鈕標簽 <br />
11. br 換行
三、樣式引入的方式
行內樣式：就是把樣式屬性寫到標簽里， style=" "
內部樣式：head標簽里引入style標簽
外部樣式：link元素
四、篩選器
class（命名）：類，不具有唯一性 .代表class
id：特指、具體，具有唯一性 #代表id77
四、屬性（直接屬性、間接屬性）
寬度：width
高度：height 單位是px，像素
背景顏色：background-color
背景圖片：background-image，用url引入路徑
背景大小：background-size
字體顏色：color
轉換元素：display
五、標簽的三大分類
塊級元素：div，默認占整行，寬高可設，但設完后，還是占整行。
行內塊元素：img，不默認占整行，寬和高由自身內容決定，寬高可設。
行內元素：b、span，不默認占整行，寬和高由自身內容決定，寬高不可設。
六、轉換元素
display:block 塊級元素
display:inline-block 行內塊元素
display:inline 行內元素
七、快捷鍵
新建：Ctrl+N
隱藏輔助線：Ctrl+H
注釋：Ctrl+？
空格：Tab
八、網頁包含哪些部分？
文本、圖像、超鏈接
九、圖片格式
有背景圖案存成jpg格式
沒有背景圖案存成png格式