一，HTML是什麼
1，什麼是HTML？
超文本標籤語言
- 什麼是超文本？
文字，圖片，視頻，音頻，程序，鏈接…
- 問：html本身是純文本還是超文本？
- 答：本身是純文本
二，HTML的基本語法
1，HTML的基本骨架？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>標題</title>
</head>
<body>
....
</body>
</html>
2，HTML的標籤的分類
結構：html head body title meta
文章：hn p br em storng
超鏈接：a
圖片：img
配合佈局：div span
列表類：ul+li ol+li dl+dt+dd
表格類：table+tr+th+td+thead+tbody
表單類：form input select+option textaarea
浮動框架：iframe
3，HTML的基本語法
1.語法非常鬆散
2.不區分大小寫
3.對於單標籤 最後的/ 可加可不加
4.屬性可以不加引號
4，書寫HTML的好習慣
1.必須寫上HTML的基本骨架
2.標籤全部使用小寫
3.屬性名不加引號，屬性值加上引號（在JS中單引號和雙引號是一樣的）
4.標籤可以嵌套，但是不能交叉
5.一定要正確的結束標籤
三，HTML中的基本標籤
1，標題標籤
hn headline
場景：1）新聞/文章…一級標籤 2）首頁logo
2，段落標籤
p paragraph
場景：一個段落 有時候需要配合br標籤來用
3，超連接標籤
a anchor
場景：超連接 文字 圖片
分類：站內連接 站外連接 錨點連接 其它連接
路徑：相對路徑 和 絕對路徑 ./ …/
target: _self _blank
4，圖片標籤
img image（插入圖）
場景：網頁上的圖片（網頁上的圖片也可能是背景圖）
路徑：相對路徑 和 絕對路徑 ./ …/
alt: 1）… 2）…
5，DIV 和 SPAN
男標籤：獨佔一行 hn p div 列表類 表格類
女標籤：並排顯示 a span strong em i b
人妖標籤：並排顯示 img input
四，列表相關的標籤
1，無序列表
用的非常多
導航也會使用無序列表
輪播圖
…
五，表格相關的標籤
也是在特別的地方使用
表格也是可以佈局的
現在表格佈局已淘汰 CSS佈局
六，表單相關的標籤
表單：form 標籤
表單元素：
input
select+option
textarea
七，浮動框架
iframe 引用第三方
八，其它標籤
em
strong