HTML課堂筆記！
html的全稱為“Hyper Text Markup Language”html是超文本標記性語言.
html前端三大模塊：1.html（結構）
2.css（樣式--層疊表）
3.Javascript（行為動效）是一種腳本語言。
html的基本結構
文檔 類型
↓ ↓
<!DOCTYPE html>
<html> ← 根標簽 開始標簽（雙標簽）
<head> ← 頭部標簽 （雙標簽）
<meta charset =“UTF-8”>
↑ ↑ ↑
設置標簽 編碼 中文
<title>xx</title> ← 標題標簽（雙標簽--相當於人的眼睛）
</head>
<body> ← 身體標簽（雙標簽）
</body>
</head> ← 結束標簽--閉合標簽（雙標簽）
標簽的三大分類
1.塊級元素：默認占整行，可設寬高，但還是占整行。如（div）
2.行內塊元素：不默認占整行，寬高可設，自身內容決定寬和高。如（img）
3.行內元素：不默認占整行，寬高不可設，自身內容決定寬和高。如（button b）
樣式引入方式
1.行內樣式：開始標簽標簽裏面寫，style=“”
2.內部樣式：head標簽引入style標簽。
class和id的區別？
1.class：類型，不具有唯一性。
2.id:身份名，具體，唯一性。
網頁文字要考慮隨什麽？
1.字體大小
2.字體顏色
3.字體加粗
4.上下左右居中
網頁包括？
1.標簽 2.圖片 3.超鏈接
HTML圖片引入格式
<img src =“ img/xxx.jpg”/>
↑ ↑ ↑
圖片 路徑 圖片地址
CSS樣式表引入格式
<link rel ="stylesheet" href=“CSS/style.css”/>
↑ ↑ ↑ ↑ ↑
外部引入 定義鏈接 樣式調用 引入路徑 表單地址
三大類型標簽可互相轉換
1.display：block 轉換為塊級元素
2.display：inline-block 轉換為行內塊元素
3.display：inline 轉換為行內元素
HTML課堂筆記！