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

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

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

作者簡介

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

html與css基礎教程目錄介紹

第一部分　HTML入門
第1章　HTML基礎　2
1.1　Web技術簡介　3
1.1.1　從網(wǎng)頁制作到前端開發(fā)　3
1.1.2　前端技術　4
1.1.3　后端技術　7
1.1.4　從前端開發(fā)到后端開發(fā)的學習路線　8
【疑問】　9
1.2　HTML是什么？　10
1.3　HTML入門簡介　11
1.3.1　教程說明　11
1.3.2　初學者比較關心的
問題　13
1.4　本章總結　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基本標簽　20
3.1　HTML基本結構　21
3.1.1　HTML基本結構　21
3.1.2　用記事本編寫網(wǎng)頁　22
3.1.3　用Dreamweaver編寫
網(wǎng)頁　23
3.2　head標簽　24
3.2.1　head標簽內(nèi)的title
標簽　25
3.2.2　head標簽內(nèi)的meta
標簽　25
3.2.3　head標簽內(nèi)的style標簽　28
3.2.4　head標簽內(nèi)的script標簽　28
3.2.5　head標簽內(nèi)的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　網(wǎng)頁特殊符號 50
4.7.1　網(wǎng)頁中的空格　50
4.7.2　特殊符號　52
4.8　自閉合標簽 54
4.8.1　什么叫自閉合標簽　54
4.8.2　常見的自閉合標簽　55
4.9　塊元素和行內(nèi)元素 55
4.9.1　塊元素　56
4.9.2　行內(nèi)元素　58
4.10　本章總結 59
4.11　訓練題 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　本章總結　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　“網(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　本章總結　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　內(nèi)部鏈接　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　普通按鈕、提交按鈕和重置按鈕的區(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標簽屬性　149
9.13.2　option標簽屬性　151
【疑問】　153
9.14　input標簽按鈕與button標簽按鈕 153
【疑問】　155
9.15　本章總結 155
【疑問】　157
9.16　訓練題 158
第10章　多媒體　159
10.1　網(wǎng)頁中插入音頻和視頻　160
10.2　網(wǎng)頁中插入背景音樂 162
10.3　網(wǎng)頁中插入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　內(nèi)部樣式表　174
12.3.3　內(nèi)聯(lián)樣式表　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　字母間距l(xiāng)etter-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　文字環(huán)繞效果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　內(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　本章總結 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靜態(tài)定位static　345
附錄　HTML標簽的語義　346
后記 352

使用說明

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

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

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

4、雙擊進行閱讀