HTML與CSS基礎(chǔ)教程 Web前端開發(fā)精品課
定 價(jià):49 元
- 作者:莫振杰
- 出版時(shí)間:2016/3/1
- ISBN:9787115416094
- 出 版 社:人民郵電出版社
- 中圖法分類:TP312
- 頁碼:351
- 紙張:膠版紙
- 版次:1
- 開本:16K
結(jié)合大量開發(fā)實(shí)戰(zhàn)經(jīng)驗(yàn),本書將前端開發(fā)知識系統(tǒng)化整理,濃縮精華,用通俗易懂的語言直指初學(xué)者的痛點(diǎn)。
全書分為兩部分:首部分是HTML基礎(chǔ)知識,幫助讀者認(rèn)識和理解網(wǎng)頁的結(jié)構(gòu);第二部分是CSS基礎(chǔ)知識,幫助讀者掌握網(wǎng)頁中各個(gè)元素樣式與外觀的設(shè)置。此外,本書在融入大量開發(fā)技巧的同時(shí),也注重編程思維的培養(yǎng),使得學(xué)習(xí)者能夠建立清晰的學(xué)習(xí)思路,并在實(shí)戰(zhàn)中舉一反三。
通俗易懂 案例簡潔形象,生動(dòng)剖析晦澀難懂的知識點(diǎn)。
直擊要點(diǎn) 規(guī)避思維誤區(qū),為初學(xué)者打牢基礎(chǔ)保駕護(hù)航。
全面培養(yǎng) 講透基礎(chǔ)知識,亦注重開發(fā)技巧與思維鍛煉。
精簡濃縮 精煉核心內(nèi)容,為讀者節(jié)省學(xué)習(xí)時(shí)間與成本。
在線輔助 結(jié)合網(wǎng)站資源,強(qiáng)化書本學(xué)習(xí)并拓展新知識。
莫振杰,2011~2015就讀于暨南大學(xué)信科院計(jì)算機(jī)科學(xué)與技術(shù)專業(yè),從事前后端開發(fā)一年多,開發(fā)過綠葉學(xué)習(xí)網(wǎng)、廣州智能工程研究會(huì)網(wǎng)站、大量在線應(yīng)用工具,業(yè)余時(shí)間閱讀大量國內(nèi)外技術(shù)書籍。 現(xiàn)為綠葉學(xué)習(xí)網(wǎng)(http://www.lvyestudy.com)的站長,該網(wǎng)站用于分享自己在前后端開發(fā)中的一些經(jīng)驗(yàn),并且制作相關(guān)前后端開發(fā)的在線教程。這些在線教程在互聯(lián)網(wǎng)引起廣泛關(guān)注,極大受到網(wǎng)友推崇。本人編寫過大量原創(chuàng)在線教程,每一個(gè)教程廣受網(wǎng)友稱贊與推崇。
第一部分 HTML入門
第1章 HTML基礎(chǔ) 2
1.1 Web技術(shù)簡介 3
1.1.1 從網(wǎng)頁制作到前端開發(fā) 3
1.1.2 前端技術(shù) 4
1.1.3 后端技術(shù) 7
1.1.4 從前端開發(fā)到后端開發(fā)的學(xué)習(xí)路線 8
【疑問】 9
1.2 HTML是什么? 10
1.3 HTML入門簡介 11
1.3.1 教程說明 11
1.3.2 初學(xué)者比較關(guān)心的
問題 13
1.4 本章總結(jié) 13
第2章 前端開發(fā)工具 15
2.1 前端開發(fā)工具 16
2.1.1 Dreamweaver 16
2.1.2 Sublime Text 17
2.1.3 Visual Studio 17
2.2 新建HTML頁面 18
第3章 HTML基本標(biāo)簽 20
3.1 HTML基本結(jié)構(gòu) 21
3.1.1 HTML基本結(jié)構(gòu) 21
3.1.2 用記事本編寫網(wǎng)頁 22
3.1.3 用Dreamweaver編寫
網(wǎng)頁 23
3.2 head標(biāo)簽 24
3.2.1 head標(biāo)簽內(nèi)的title
標(biāo)簽 25
3.2.2 head標(biāo)簽內(nèi)的meta
標(biāo)簽 25
3.2.3 head標(biāo)簽內(nèi)的style
標(biāo)簽 28
3.2.4 head標(biāo)簽內(nèi)的script
標(biāo)簽 28
3.2.5 head標(biāo)簽內(nèi)的link
標(biāo)簽 29
3.3 body標(biāo)簽 29
3.4 HTML注釋 30
3.5 本章總結(jié) 32
訓(xùn)練題 33
第4章 段落與文字 34
4.1 段落與文字簡介 35
4.2 標(biāo)題標(biāo)簽 37
4.3 段落標(biāo)簽 39
4.3.2 段落標(biāo)簽
39
4.3.2 換行標(biāo)簽
40
4.4 文本格式化標(biāo)簽 42
4.4.1 粗體標(biāo)簽b、strong 42
4.4.2 斜體標(biāo)簽i、cite、em 43
4.4.3 上標(biāo)標(biāo)簽sup 44
4.4.4 下標(biāo)標(biāo)簽sub 44
4.4.5 大字號標(biāo)簽big和
小字號標(biāo)簽small 45
4.4.6 刪除線標(biāo)簽s 46
4.4.7 下劃線標(biāo)簽u 47
4.5 水平線標(biāo)簽 48
4.6 div標(biāo)簽 49
4.7 網(wǎng)頁特殊符號 50
4.7.1 網(wǎng)頁中的空格 50
4.7.2 特殊符號 52
4.8 自閉合標(biāo)簽 54
4.8.1 什么叫自閉合標(biāo)簽 54
4.8.2 常見的自閉合標(biāo)簽 55
4.9 塊元素和行內(nèi)元素 55
4.9.1 塊元素 56
4.9.2 行內(nèi)元素 58
4.10 本章總結(jié) 59
4.11 訓(xùn)練題 61
第5章 列表 62
5.1 HTML列表簡介 63
5.1.1 網(wǎng)頁中的列表 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中的大誤區(qū) 74
5.6 本章總結(jié) 75
5.7 訓(xùn)練題 78
第6章 表格 79
6.1 表格簡介 80
6.2 表格基本結(jié)構(gòu) 81
【疑問】 82
6.3 表格完整結(jié)構(gòu) 82
6.3.1 表格標(biāo)題caption 83
6.3.2 表頭th 84
6.4 表格語義化 86
6.5 合并行rowspan 89
6.6 合并列colspan 90
6.7 本章總結(jié) 92
6.8 訓(xùn)練題 94
第7章 圖像 95
7.1 圖像標(biāo)簽 96
7.1.1 img標(biāo)簽src屬性 96
7.1.2 img標(biāo)簽alt屬性 97
7.1.3 img標(biāo)簽title屬性 97
7.2 相對路徑和絕對路徑 98
7.2.1 “網(wǎng)頁1”引用海賊王
圖片 99
7.2.2 “網(wǎng)頁2”引用海賊王
圖片 99
【疑問】 100
7.3 圖片格式 101
7.3.1 位圖 101
7.3.2 矢量圖 103
7.3.3 位圖與矢量圖
區(qū)別 105
【疑問】 105
7.4 本章總結(jié) 106
第8章 超鏈接 108
8.1 超鏈接簡介 109
8.2 a標(biāo)簽 109
8.2.1 a標(biāo)簽簡介 109
8.2.2 a標(biāo)簽target屬性 110
8.2.3 各種超鏈接 111
8.3 內(nèi)部鏈接 112
8.4 錨點(diǎn)鏈接 114
8.5 本章總結(jié) 117
第9章 表單 118
9.1 表單簡介 119
9.2 form標(biāo)簽 120
9.2.1 form標(biāo)簽簡介 120
9.2.2 form標(biāo)簽屬性 121
9.2.3 表單對象 126
9.3 input標(biāo)簽簡介 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 密碼文本框?qū)傩浴?31
9.6 單選按鈕radio 132
9.6.1 單選按鈕簡介 132
9.6.2 單選按鈕radio的忽
略點(diǎn) 133
【疑問】 135
9.7 復(fù)選框checkbox 135
9.8 表單按鈕 137
9.8.1 普通按鈕button 137
9.8.2 提交按鈕submit 138
9.8.3 重置按鈕reset 139
9.8.4 普通按鈕、提交按鈕
和重置按鈕的區(qū)別 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標(biāo)簽屬性 149
9.13.2 option標(biāo)簽屬性 151
【疑問】 153
9.14 input標(biāo)簽按鈕與button
標(biāo)簽按鈕 153
【疑問】 155
9.15 本章總結(jié) 155
【疑問】 157
9.16 訓(xùn)練題 158
第10章 多媒體 159
10.1 網(wǎng)頁中插入音頻和視頻 160
10.2 網(wǎng)頁中插入背景音樂 162
10.3 網(wǎng)頁中插入Flash 163
10.4 本章總結(jié) 164
第11章 框架 165
11.1 浮動(dòng)框架iframe 166
11.1.1 iframe簡介 166
11.1.2 iframe滾動(dòng)條 167
第二部分 CSS入門
第12章 CSS基礎(chǔ) 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 內(nèi)部樣式表 174
12.3.3 內(nèi)聯(lián)樣式表 175
第13章 CSS選擇器基礎(chǔ) 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 字體粗細(xì)font-weight 200
14.6 字體斜體font-style 202
14.7 CSS注釋 204
14.8 本章總結(jié) 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 首行縮進(jìn)text-indent 216
15.6 文本水平對齊text-align 218
15.7 行高line-height 219
15.8 字母間距l(xiāng)etter-spacing和
詞間距word-spacing 221
15.8.1 letter-spacing
屬性 221
15.8.2 word-spacing
屬性 222
15.9 文本樣式總結(jié) 223
第16章 邊框樣式 228
16.1 邊框樣式簡介 229
16.2 整體邊框樣式 230
16.2.1 邊框的屬性 230
16.2.2 邊框?qū)嵗?33
16.2.3 border屬性簡潔
寫法 233
16.3 局部邊框樣式 234
16.4 本章總結(jié) 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 背景重復(fù)樣式background-
repeat 248
17.6 背景圖像位置background-
position 250
17.6.1 background-position
取值為“像素值” 250
17.6.2 background-position
取值為“關(guān)鍵字” 252
17.7 背景固定樣式background-
attachment 253
17.8 本章總結(jié) 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 鼠標(biāo)樣式 264
18.3.1 瀏覽器鼠標(biāo)樣式 264
18.3.2 自定義鼠標(biāo)樣式 266
18.4 本章總結(jié) 267
第19章 圖片樣式 269
19.1 圖片大小 270
19.2 圖片邊框border 271
19.3 圖片水平對齊 272
19.4 圖片垂直對齊 274
19.5 文字環(huán)繞效果float 278
19.5.1 float屬性 278
19.5.2 定義圖片與文字
間距 280
19.6 本章總結(jié) 282
第20章 列表樣式 285
20.1 列表項(xiàng)符號list-style-
type 286
20.1.1 HTML中定義列表
項(xiàng)符號 286
20.1.2 CSS中定義列表
項(xiàng)符號 287
20.2 自定義列表項(xiàng)符號
list-style-image 290
20.3 本章總結(jié) 291
第21章 表格樣式 293
21.1 表格邊框合并border-
collapse 294
21.2 表格邊框間距border-
spacing 297
21.3 表格標(biāo)題位置caption-
side 299
21.4 本章總結(jié) 301
第22章 CSS盒子模型 303
22.1 CSS盒子模型 304
22.2 寬度width和高度
height 308
22.3 邊框border 313
22.4 內(nèi)邊距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 本章總結(jié) 321
第23章 浮動(dòng)布局 323
23.1 HTML文檔流 324
23.1.1 正常文檔流動(dòng) 324
23.1.2 脫離正常文
檔流 325
23.2 浮動(dòng)float 326
23.3 清除浮動(dòng)clear 331
23.4 本章總結(jié) 334
第24章 定位布局 336
24.1 定位布局簡介 337
24.2 固定定位fixed 337
24.3 相對定位relative 339
24.4 絕對定位absolute 342
24.5 CSS靜態(tài)定位static 345
附錄 HTML標(biāo)簽的語義 346
后記 352