《HTML與CSS基礎教程：Web前端開發精品課》是2019年12月人民郵電出版社出版的圖書，作者是莫振傑。
基本介紹
- 書名：HTML與CSS基礎教程：Web前端開發精品課
- 作者：莫振傑
- ISBN：9787115416094
- 頁數：351頁
- 定價：49元
- 出版社：人民郵電出版社
- 出版時間：2019年12月
- 裝幀：平裝
- 開本：小16開
內容簡介,圖書目錄,
內容簡介
結合大量開發實戰經驗，本書將前端開發知識系統化整理，濃縮精華，用通俗易懂的語言直指初學者的痛點。
全書分為兩部分：首部分是HTML基礎知識，幫助讀者認識和理解網頁的結構；第 二部分是CSS基礎知識，幫助讀者掌握網頁中各個元素樣式與外觀的設定。此外，本書在融入大量開發技巧的同時，也注重編程思維的培養，使得學習者能夠建立清晰的學習思路，並在實戰中舉一反三。
圖書目錄
第 一部分 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 段落標籤
39
4.3.2 換行標籤
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
第6章 表格 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
