第一部分　HTML入門
第1章　HTML基礎　2
1.1　Web技術簡介　3
1.1.1　從網頁制作到前端開發　3
1.1.2　前端技術　4
1.1.3　后端技術　7
1.1.4　從前端開發到后端開發的學習路線　8
【疑問】　9
1.2　HTML是什么？　10
1.3　HTML入門簡介　11
1.3.1　教程說明　11
1.3.2　初學者比較關心的
問題　13
1.4　本章總結　13
第2章　前端開發工具　15
2.1　前端開發工具　16
2.1.1　Dreamweaver　16
2.1.2　Sublime Text　17
2.1.3　Visual Studio　17
2.2　新建HTML頁面 　18
第3章　HTML基本標簽　20
3.1　HTML基本結構　21
3.1.1　HTML基本結構　21
3.1.2　用記事本編寫網頁　22
3.1.3　用Dreamweaver編寫
網頁　23
3.2　head標簽　24
3.2.1　head標簽內的title
標簽　25
3.2.2　head標簽內的meta
標簽　25
3.2.3　head標簽內的style
標簽　28
3.2.4　head標簽內的script
標簽　28
3.2.5　head標簽內的link
標簽　29
3.3　body標簽 　29
3.4　HTML注釋 　30
3.5　本章總結 　32
訓練題 　33
第4章　段落與文字 　34
4.1　段落與文字簡介　35
4.2　標題標簽　37
4.3　段落標簽　39
4.3.2　段落標簽p　39
4.3.2　換行標簽br/　40
4.4　文本格式化標簽 　42
4.4.1　粗體標簽b、strong　42
4.4.2　斜體標簽i、cite、em　43
4.4.3　上標標簽sup　44
4.4.4　下標標簽sub　44
4.4.5　大字號標簽big和
小字號標簽small　45
4.4.6　刪除線標簽s　46
4.4.7　下劃線標簽u　47
4.5　水平線標簽　48
4.6　div標簽 　49
4.7　網頁特殊符號 　50
4.7.1　網頁中的空格　50
4.7.2　特殊符號　52
4.8　自閉合標簽 　54
4.8.1　什么叫自閉合標簽　54
4.8.2　常見的自閉合標簽　55
4.9　塊元素和行內元素 　55
4.9.1　塊元素　56
4.9.2　行內元素　58
4.10　本章總結 　59
4.11　訓練題 　61
第5章　列表　62
5.1　HTML列表簡介 　63
5.1.1　網頁中的列表　63
5.1.2　HTML列表簡介　63
5.2　有序列表 　64
5.2.1　有序列表簡介　64
5.2.2　有序列表type屬性　65
5.3　無序列表 　67
5.3.1　無序列表簡介　67
5.3.2　無序列表type屬性　68
5.3.3　深入了解無序列表　69
【疑問】　71
5.4　定義列表 　72
5.5　HTML中的大誤區　74
5.6　本章總結　75
5.7　訓練題　78
第６章　表格　79
6.1　表格簡介　80
6.2　表格基本結構　81
【疑問】　82
6.3　表格完整結構　82
6.3.1　表格標題caption　83
6.3.2　表頭th　84
6.4　表格語義化 　86
6.5　合并行rowspan　89
6.6　合并列colspan　90
6.7　本章總結　92
6.8　訓練題　94
第7章　圖像　95
7.1　圖像標簽　96
7.1.1　img標簽src屬性　96
7.1.2　img標簽alt屬性　97
7.1.3　img標簽title屬性　97
7.2　相對路徑和絕對路徑　98
7.2.1　“網頁1”引用海賊王
圖片　99
7.2.2　“網頁2”引用海賊王
圖片　99
【疑問】 　100
7.3　圖片格式 　101
7.3.1　位圖　101
7.3.2　矢量圖　103
7.3.3　位圖與矢量圖
區別　105
【疑問】　105
7.4　本章總結　106
第8章　超鏈接　108
8.1　超鏈接簡介　109
8.2　a標簽 　109
8.2.1　a標簽簡介　109
8.2.2　a標簽target屬性　110
8.2.3　各種超鏈接　111
8.3　內部鏈接　112
8.4　錨點鏈接 　114
8.5　本章總結 　117
第9章　表單　118
9.1　表單簡介　119
9.2　form標簽　120
9.2.1　form標簽簡介　120
9.2.2　form標簽屬性　121
9.2.3　表單對象　126
9.3　input標簽簡介　126
9.4　單行文本框text　127
9.4.1　文本框text簡介　127
9.4.2　文本框text屬性　128
9.5　密碼文本框password　129
9.5.1　密碼文本框簡介　129
9.5.2　密碼文本框屬性　131
9.6　單選按鈕radio 　132
9.6.1　單選按鈕簡介　132
9.6.2　單選按鈕radio的忽
略點　133
【疑問】　135
9.7　復選框checkbox　135
9.8　表單按鈕 　137
9.8.1　普通按鈕button　137
9.8.2　提交按鈕submit　138
9.8.3　重置按鈕reset　139
9.8.4　普通按鈕、提交按鈕
和重置按鈕的區別　141
9.9　圖片域image 　142
【疑問】　143
9.10　隱藏域hidden 　143
9.11　文件域file 　145
9.12　多行文本框textarea　146
9.13　下拉列表select　148
9.13.1　select標簽屬性　149
9.13.2　option標簽屬性　151
【疑問】　153
9.14　input標簽按鈕與button
標簽按鈕 　153
【疑問】　155
9.15　本章總結 　155
【疑問】　157
9.16　訓練題 　158
第10章　多媒體　159
10.1　網頁中插入音頻和視頻　160
10.2　網頁中插入背景音樂 　162
10.3　網頁中插入Flash 　163
10.4　本章總結 　164
第11章　框架 　165
11.1　浮動框架iframe 　166
11.1.1　iframe簡介　166
11.1.2　iframe滾動條　167
第二部分　CSS入門
第12章　CSS基礎 　170
12.1　CSS是什么　171
12.1.1　CSS簡介　171
12.1.2　CSS和CSS3　172
12.2　CSS入門簡介　172
12.3　CSS的三種引用方式　173
12.3.1　外部樣式表　173
12.3.2　內部樣式表　174
12.3.3　內聯樣式表　175
第13章　CSS選擇器基礎　177
13.1　元素的id和class 　178
13.1.1　元素的id屬性　178
13.1.2　元素的class屬性　178
13.2　什么叫CSS選擇器？　179
13.3　CSS選擇器入門（上） 　181
13.3.1　元素選擇器　181
13.3.2　id選擇器　183
13.3.3 class選擇器　184
13.4　CSS選擇器入門（下）　186
13.4.1　子元素選擇器　186
13.4.2　相鄰選擇器　187
13.4.3　群組選擇器　189
第14章　字體樣式　191
14.1　字體樣式簡介 　192
14.2　字體類型font-family　193
14.3　字體大小font-size 　195
14.4　字體顏色color 　198
14.5　字體粗細font-weight　200
14.6　字體斜體font-style　202
14.7　CSS注釋　204
14.8　本章總結 　206
第15章　文本樣式　209
15.1　文本樣式簡介 　210
15.2　下劃線、刪除線和頂劃線
text-decoration　210
15.2.1　text-decoration
屬性　210
15.2.2　下劃線、刪除線和頂
劃線的用途分析　213
15.3　文本大小寫
text-transform　214
15.4　font-variant屬性 　215
【疑問】　216
15.5　首行縮進text-indent　216
15.6　文本水平對齊text-align　218
15.7　行高line-height　219
15.8　字母間距letter-spacing和
　　　詞間距word-spacing　221
15.8.1　letter-spacing
屬性　221
15.8.2　word-spacing
屬性　222
15.9　文本樣式總結　223
第16章　邊框樣式　228
16.1　邊框樣式簡介 　229
16.2　整體邊框樣式 　230
16.2.1　邊框的屬性　230
16.2.2　邊框實例　233
16.2.3　border屬性簡潔
寫法　233
16.3　局部邊框樣式 　234
16.4　本章總結 　237
第17章　背景樣式　240
17.1　背景樣式簡介　241
17.1.1　背景顏色　241
17.1.2　背景圖像　241
17.2　背景顏色background-
color　242
17.3　背景圖像簡介 　244
17.3.1　background-image
屬性　244
17.3.2　background-repeat
屬性　244
17.3.3　background-position
屬性　245
17.3.4　background-attachment
屬性　246
17.4　背景圖像樣式background-
image 　246
17.5　背景重復樣式background-
repeat 　248
17.6　背景圖像位置background-
position 　250
17.6.1　background-position
取值為“像素值”　250
17.6.2　background-position
取值為“關鍵字”　252
17.7　背景固定樣式background-
attachment 　253
17.8　本章總結　254
第18章　超鏈接樣式　256
18.1　超鏈接偽類 　257
18.1.1　如何去除超鏈接下
劃線　257
18.1.2　如何定義超鏈接偽類　258
18.1.3　深入了解超鏈接偽類　260
【疑問】　261
18.2　深入了解:hover偽類　262
18.3　鼠標樣式 　264
18.3.1　瀏覽器鼠標樣式　264
18.3.2　自定義鼠標樣式　266
18.4　本章總結　267
第19章　圖片樣式　269
19.1　圖片大小 　270
19.2　圖片邊框border 　271
19.3　圖片水平對齊 　272
19.4　圖片垂直對齊 　274
19.5　文字環繞效果float　278
19.5.1　float屬性　278
19.5.2　定義圖片與文字
間距　280
19.6　本章總結　282
第20章　列表樣式 　285
20.1　列表項符號list-style-
type　286
20.1.1　HTML中定義列表
項符號　286
20.1.2　CSS中定義列表
項符號　287
20.2　自定義列表項符號
list-style-image　290
20.3　本章總結　291
第21章　表格樣式　293
21.1　表格邊框合并border-
collapse　294
21.2　表格邊框間距border-
spacing　297
21.3　表格標題位置caption-
side　299
21.4　本章總結　301
第22章　CSS盒子模型　303
22.1　CSS盒子模型　304
22.2　寬度width和高度
height　308
22.3　邊框border　313
22.4　內邊距padding　314
22.4.1　padding局部樣式　314
22.4.2　padding簡潔寫法　315
22.5　外邊距margin 　317
22.5.1　margin局部樣式　318
22.5.2　margin簡潔樣式　319
22.6　本章總結 　321
第23章　浮動布局　323
23.1　HTML文檔流　324
23.1.1　正常文檔流動　324
23.1.2　脫離正常文
　　　　檔流　325
23.2　浮動float 　326
23.3　清除浮動clear　331
23.4　本章總結 　334
第24章　定位布局　336
24.1　定位布局簡介　337
24.2　固定定位fixed　337
24.3　相對定位relative　339
24.4　絕對定位absolute　342
24.5　CSS靜態定位static　345
附錄　HTML標簽的語義　346
后記 　352