基礎(chǔ)篇
第1章　HTML基礎(chǔ)
1.1　HTML基礎(chǔ) 2
1.1.1　什么是HTML 2
1.1.2　HTML的發(fā)展歷程 3
1.2　HTML5相關(guān)概念與基本結(jié)構(gòu) 3
1.2.1　HTML5的相關(guān)概念 3
1.2.2　HTML5的基本結(jié)構(gòu) 4
【實例1.1】運用屬性，渲染頁面效果 6
1.3　編寫第一個HTML5文件 9
1.3.1　HTML5文件的編寫方法 9
1.3.2　手工編寫頁面 9
1.3.3　使用可視化軟件制作頁面 10

第2章　標題和段落
2.1　添加標題 15
2.1.1　添加各級標題 16
【實例2.1】巧用標題標簽，編寫程序員笑話 16
2.1.2　設(shè)置標題的對齊方式 17
【實例2.2】活用文字居中，推薦商品信息 18
2.2　添加段落 18
2.2.1　段落標簽的使用 18
【實例2.3】巧用段落標簽，介紹創(chuàng)意文字 19
2.2.2　段落中的換行標簽 19
【實例2.4】巧用換行，書寫故事 19
2.3　添加文字裝飾效果 20
2.3.1　設(shè)置上標與下標 20
【實例2.5】使用上下標，展示數(shù)學方程式 21
2.3.2　文字的斜體、下劃線與刪除線 21
【實例2.6】活用文字裝飾，推薦商品信息 21
2.4　添加水平線 22
【實例2.7】巧用水平線繪制行表格 22
2.5　綜合案例——二十四節(jié)氣歌 23
2.5.1　分析數(shù)據(jù) 23
2.5.2　實現(xiàn)過程 24
2.6　實戰(zhàn)練習 24

第3章　圖像和超鏈接
3.1　添加圖像 25
3.1.1　圖像的基本格式 25
3.1.2　添加圖像 26
【實例3.1】使用標簽實現(xiàn)五子棋的游戲簡介 26
3.2　設(shè)置圖像屬性 27
3.2.1　圖像大小與邊框 27
【實例3.2】改變手機商品詳情中的圖片大小和邊框 27
3.2.2　替換文本與提示文字 28
【實例3.3】設(shè)置圖片的提示文字與替換文本 28
3.2.3　圖像間距與對齊方式 29
【實例3.4】使用align屬性改變頭像的位置 30
3.3　添加超鏈接 30
3.3.1　添加文本鏈接 30
【實例3.5】巧用文本鏈接實現(xiàn)商城導航 31
3.3.2　添加書簽鏈接 31
【實例3.6】巧用書簽鏈接實現(xiàn)商城網(wǎng)頁內(nèi)部跳轉(zhuǎn) 32
3.4　圖像的超鏈接與熱區(qū)鏈接 33
3.4.1　圖像的超鏈接 33
【實例3.7】添加圖片鏈接實現(xiàn)手機風暴模塊 33
3.4.2　圖像熱區(qū)鏈接 35
【實例3.8】使用熱區(qū)鏈接添加多個鏈接地址 35
3.5　綜合案例——實現(xiàn)明日學院明星講師頁面的跳轉(zhuǎn) 36
3.5.1　案例分析 37
3.5.2　實現(xiàn)過程 37
3.6　實戰(zhàn)練習 38

第4章　表格與