基礎(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
【實(shí)例1.1】運(yùn)用屬性，渲染頁(yè)面效果 6
1.3　編寫(xiě)第一個(gè)HTML5文件 9
1.3.1　HTML5文件的編寫(xiě)方法 9
1.3.2　手工編寫(xiě)頁(yè)面 9
1.3.3　使用可視化軟件制作頁(yè)面 10

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

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

第4章　表格與