html全稱：HyperText Markup Language（超文本標記語言）
注重標簽語義，而不是默認效果
規則
塊級元素包括: marquee、div等
行內元素包括: span、input等
規則1：塊級元素中能寫：行內元素、塊級元素（幾乎什么都能寫）
規則2：行級元素中能寫：行內元素，但不能寫：塊級元素
規則3：標簽內編寫多個同名屬性，后面的會失效，也就是說只有第一個生效
特殊規則：h1~h6不能互相嵌套
特殊規則：p標簽中不能寫塊元素（未過時的）
特殊規則：a標簽中不能寫a標簽
文本標簽
圖片標簽與常見的圖片格式
-
jpg 格式
一種有損的壓縮格式
支持的顏色豐富、占用空間小、不支持透明背景、不支持動態圖 -
png 格式
一種無損的壓縮格式
支持的顏色豐富、占用空間略大、支持透明背景、不支持動態圖 -
bmp 格式
一種不進行壓縮的格式
支持的顏色豐富、保留的細節更多、占用空間極大、不支持透明背景、不支持動態圖 -
gif 格式
僅支持256種顏色，色彩呈現不是很完整
支持的顏色較少、支持簡單透明背景、支持動態圖 -
webp 格式
谷歌推出的一種格式
具備以上幾種格式的優點，但兼容性不太好。 -
base64 格式
- 本質：一串特殊的文本，要通過瀏覽器打開，傳統看圖應用通常無法打開
- 原理：把圖片進行 base64 編碼，形成一串文本
- 如何生成：靠一些工具或網站
- 如何使用：直接作為 img 標簽的 src 屬性的值即可，并且不受文件位置的影響。
- 使用場景：一些較小的圖片，或者需要和網頁一起加載的圖片。
超鏈接
- 在html代碼里敲的多個回車或多個空格，只會被瀏覽器解析為一個空格
- 雖然 a 是行內元素，但 a 元素可以包裹除它自身以外的任何元素
- 跳轉瀏覽器無法打開的文件，則會引導用戶下載
- 若想強制觸發下載，請使用 download 屬性，屬性值即為下載文件的名稱
跳轉錨點
<!DOCTYPE html><html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>超鏈接_跳轉錨點</title>
</head>
<body><a href="#xyy">找喜羊羊</a><a href="#htl">找灰太狼</a><a href="#wk">找悟空</a><a href="#atm">找奧特曼</a><a href="#gs">找怪獸</a><a name="xyy"></a><p>我是喜羊羊</p><img src="./images/喜羊羊.jpg" /><a name="htl"></a><p>我是灰太狼</p><img src="./images/灰太狼.jpg" /><p id="wk">我是悟空</p><img src="./images/悟空.jpg" /><p id="atm">我是奧特曼</p><img src="./images/奧特曼.jpg" /><p id="gs">我是怪獸</p><img src="./images/怪獸.jpg" /><p>整體介紹完畢了</p><a href="#">回到頂部</a><a href="">刷新頁面</a><a href="javascript:alert(666);">點我彈窗</a>
</body>
</html>
兩種跳轉錨點的辦法（推薦使用第二種）
- a 標簽的name
)
