web前端開發(fā)精品課:html與css基礎(chǔ)教程 莫振杰pdf掃描版

web前端開發(fā)精品課：html與css基礎(chǔ)教程是一本介紹html與css基礎(chǔ)的入門教材，由人民郵電出版社出版，莫振杰編著。全書分為兩大部分，第一部分是html入門，主要介紹了網(wǎng)頁結(jié)構(gòu)基礎(chǔ)知識，而第二部分主要講的是css的入門，介紹了網(wǎng)頁樣式方面的基礎(chǔ)知識。除此之外，本書還額外融入了大量的開發(fā)技巧，更加注重編程思維的培養(yǎng)，使得學(xué)習(xí)者能有順暢的學(xué)習(xí)思路。

與其他同類書相比，web前端開發(fā)精品課：html與css基礎(chǔ)教程將知識系統(tǒng)化，用通俗易懂的語言直指網(wǎng)頁設(shè)計初學(xué)者的痛點，通過各種案例生動剖析晦澀難懂的知識點，再精煉核心內(nèi)容，為讀者節(jié)省學(xué)習(xí)時間與成本，加上在線輔助，可以更好的強化用戶的學(xué)習(xí)和拓展新知識。

作者簡介

莫振杰，2011~2015就讀于暨南大學(xué)信科院計算機科學(xué)與技術(shù)專業(yè)，從事前后端開發(fā)一年多，開發(fā)過綠葉學(xué)習(xí)網(wǎng)、廣州智能工程研究會網(wǎng)站、大量在線應(yīng)用工具，業(yè)余時間閱讀大量國內(nèi)外技術(shù)書籍。 現(xiàn)為綠葉學(xué)習(xí)網(wǎng)的站長，該網(wǎng)站用于分享自己在前后端開發(fā)中的一些經(jīng)驗，并且制作相關(guān)前后端開發(fā)的在線教程。這些在線教程在互聯(lián)網(wǎng)引起廣泛關(guān)注，極大受到網(wǎng)友推崇。本人編寫過大量原創(chuàng)在線教程，每一個教程廣受網(wǎng)友稱贊與推崇。

html與css基礎(chǔ)教程目錄介紹

第一部分 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
第６章 表格 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 錨點鏈接 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ū)傩?emsp;131
9.6 單選按鈕radio 132
9.6.1 單選按鈕簡介 132
9.6.2 單選按鈕radio的忽
略點 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 浮動框架iframe 166
11.1.1 iframe簡介 166
11.1.2 iframe滾動條 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 字體粗細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 首行縮進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ū)嵗?emsp;233
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 列表項符號list-style-type 286
20.1.1 HTML中定義列表項符號 286
20.1.2 CSS中定義列表項符號 287
20.2 自定義列表項符號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章 浮動布局 323
23.1 HTML文檔流 324
23.1.1 正常文檔流動 324
23.1.2 脫離正常文
檔流 325
23.2 浮動float 326
23.3 清除浮動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 

使用說明

1、下載并解壓，得出pdf文件

2、如果打不開本文件，請務(wù)必下載pdf閱讀器

3、安裝后，在打開解壓得出的pdf文件

4、雙擊進行閱讀