第1篇　HTML基礎篇
第1章 HTML基礎 2 視頻講解：5節(jié)，58分鐘
1.1 HTML概述 3
1.1.1 什么是HTML 3
1.1.2 HTML的發(fā)展歷程 3
1.2 HTML文件的基本結構 3
1.2.1 HTML的基本結構 4
1.2.2 HTML的基本標簽 5
1.3 編寫第一個HTML文件 8
1.3.1 HTML文件的編寫方法 8
1.3.2 手工編寫頁面 9
1.3.3 使用WebStorm制作頁面 10
[實例1.1] 運用屬性，渲染頁面效果 15
本章知識思維導圖 16

第2章 文本 17 視頻講解：10節(jié)，72分鐘
2.1 標題 18
2.1.1 標題標簽 18
[實例2.1] 巧用標題標簽，編寫開心一笑 18
2.1.2 標題的對齊方式 20
[實例2.2] 活用文字居中，推薦商品信息 20
2.2 文字 21
2.2.1 文字的斜體、下劃線、刪除線 21
[實例2.3] 活用文字裝飾，推薦商品信息 21
2.2.2 文字的上標與下標 22
[實例2.4] 使用上標與下標，展示數(shù)學公示表 23
2.2.3 特殊文字符號 23
[實例2.5] 巧用文字符，繪制字符畫 24
2.3 段落 24
2.3.1 段落標簽 25
[實例2.6] 巧用段落標簽，介紹創(chuàng)意文字 25
2.3.2 段落的換行標簽 26
[實例2.7] 巧用換行，書寫古詩 26
2.3.3 段落的原格式標簽 27
[實例2.8] 巧用原格式標簽，輸出元旦快樂 27
2.4 水平線 28
2.4.1 水平線標簽 28
[實例2.9] 巧用水平線，繪制行表格 28
2.4.2 水平線標簽的寬度 29
[實例2.10] 巧用

---

的寬度屬性，裝飾文字 29
本章知識思維導圖 30

第3章 添加圖像 31 視頻講解：5節(jié)，74分鐘
3.1 添加圖像 32
3.1.1 圖像的基本格式 32
3.1.2 添加圖像 32
[實例3.1] 使用img標簽，實現(xiàn)象棋簡介 33
3.2 設置圖像屬性 34
3.2.1 圖像大小與邊框 34
[實例3.2] 改變手機商品圖像的大小和邊框 34
3.2.2 圖像間距與對齊方式 35
[實例3.3] 使用align和vspace等改變頭像的位置 36
3.2.3 替換文本與提示文字 36
[實例3.4] 設置圖像的提示文字與替換文本 37
本章知識思維導圖 38

第4章 超鏈接的使用 39 視頻講解：4節(jié)，67分鐘
4.1 鏈 接 標 簽 40
4.1.1 文本鏈接 40
[實例4.1] 巧用文本鏈接，實現(xiàn)網站導航 40
4.1.2 書簽鏈接 41
[實例4.2] 巧用書簽鏈接，實現(xiàn)商城網頁內部跳轉 41
4.2 圖像的超鏈接 43
4.2.1 圖像的超鏈接 43
[實例4.3] 添加圖像鏈接，實現(xiàn)“手機風暴”板塊 43
4.2.2 圖像熱區(qū)鏈接 44
[實例4.4] 使用熱區(qū)鏈接，添加多個鏈接地址 45
本章知識思維導圖 46

第5章 表格與