HTML+CSS網(wǎng)站開發(fā)兵書 高洪濤pdf掃描版

HTML+CSS網(wǎng)站開發(fā)兵書是一本教你如何使用HTML和CSS來開發(fā)網(wǎng)站的網(wǎng)站開發(fā)教材書籍，由高洪濤編著。本書是一本與眾不同的HTML標記語言讀物，以實際的網(wǎng)頁為主，為讀者展現(xiàn)了網(wǎng)頁的組成部分及各部分的設計。其他類似的書都是以HTML標簽來講解，本書不同的是，在講解標簽舉例的時候會將生活中的哲理、常識等都融入其中，讓讀者感受到這本書的“生命力”，從而讓讀者對HTML有一個很深刻的認識和理解，非常適合沒有HTML標記語言基礎的新手學習。

內(nèi)容介紹

《HTML+CSS網(wǎng)站開發(fā)兵書》本書共16章，分為3篇，從網(wǎng)頁最基礎的部分著手，讓讀者不僅學習HTML，還能認識網(wǎng)頁與網(wǎng)站的區(qū)別。本書的主要內(nèi)容有：先和網(wǎng)頁打個交道、進一步認識HTML、創(chuàng)建文本樣式、創(chuàng)建超鏈接、添加圖像、添加多媒體、創(chuàng)建列表、建立表格、添加表單、框架結(jié)構(gòu)、DIV布局、CSS基礎、CSS頁面布局、CSS容器、CSS設置和修飾、網(wǎng)頁布局與設計技巧等。通過學習本書的內(nèi)容，讀者可以在較短的時間內(nèi)理解HTML標簽如何使用及如何將其應用到網(wǎng)頁中，這為下一步做網(wǎng)頁打下了良好的基礎。

HTML+CSS網(wǎng)站開發(fā)兵書章節(jié)目錄

第1篇 HTML基礎
第1章 見龍在田：先和網(wǎng)頁打個交道 2
1.1 進一步認識網(wǎng)頁 2
1.1.1 什么是網(wǎng)頁 2
1.1.2 網(wǎng)頁的版塊結(jié)構(gòu) 3
1.2 Dreamweaver簡介 4
1.2.1 標題欄 5
1.2.2 菜單欄 5
1.2.3 插入欄 6
1.2.4 文檔工具欄 6
1.2.5 屬性面板 7
1.2.6 其他面板 8
1.3 認識HTML 8
1.3.1 創(chuàng)建HTML網(wǎng)頁 8
1.3.2 HTML結(jié)構(gòu) 9
1.4 在Dreamweaver中直接編寫HTML 10
1.4.1 編寫HTML代碼 10
1.4.2 保存并查看HTML文件 12
1.5 小結(jié) 13
1.6 習題 13
第2章 飛龍在天：進一步認識HTML 14
2.1 HTML簡介 14
2.1.1 HTML的基本結(jié)構(gòu) 14
2.1.2 HTML的基本元素 15
2.2 HTML基本語法 16
2.2.1 網(wǎng)頁基本關鍵字 16
2.2.2 格式輔助標記 17
2.2.3 列表標簽 24
2.2.4 文件之間的鏈接標簽 27
2.2.5 其他標簽 28
2.3 小結(jié) 29
2.4 習題 29
第2篇 HTML應用篇
第3章 鴻漸于陸：創(chuàng)建文本樣式 32
3.1 標題文字概述 32
3.1.1 設置標題文字 32
3.1.2 設置標題文字的對齊方式 33
3.2 設置文字格式 34
3.2.1 設置文字字體 34
3.2.2 設置字體大小 35
3.2.3 設置文字顏色 36
3.2.4 設置粗體、斜體、下畫線 37
3.2.5 設置上標、下標 39
3.2.6 設置文字的刪除線 39
3.2.7 設置等寬文字標記 40
3.2.8 空格的使用 41
3.2.9 其他特殊符號 42
3.3 設置段落屬性 43
3.3.1 設置段落 43
3.3.2 設置文本右縮進 44
3.3.3 設置段落的換行 45
3.3.4 設置段落的居中對齊 45
3.3.5 取消文字的換行 47
3.3.6 保留原始排版方式標記 48
3.4 設置網(wǎng)頁中的水平線 49
3.4.1 添加水平線 49
3.4.2 設置水平線的對齊方式 49
3.4.3 設置水平線的顏色 50
3.4.4 去掉水平線陰影 51
3.4.5 設置水平線寬度與高度屬性 52
3.5 小結(jié) 53
3.6 習題 53
第4章 潛龍勿用：創(chuàng)建超鏈接 55
4.1 初步認識超鏈接 55
4.2 初步認識超鏈接的標記 56
4.2.1 超鏈接的基本標記 57
4.2.2 創(chuàng)建文本超鏈接 57
4.2.3 超鏈接的目標頁面 58
4.2.4 內(nèi)部鏈接 60
4.3 書簽鏈接 63
4.3.1 建立書簽 63
4.3.2 同一頁面的書簽鏈接 65
4.3.3 不同頁面的書簽鏈接 66
4.4 設置不同的鏈接對象 67
4.4.1 設置外部鏈接：鏈接HTTP頁面 67
4.4.2 設置電子郵件、FTP和Telnet的鏈接 68
4.5 網(wǎng)頁中的錨點 69
4.5.1 設定錨點 69
4.5.2 鏈接到錨點 71
4.6 小結(jié) 75
4.7 習題 75
第5章 神龍擺尾：添加圖像 77
5.1 初步認識圖像的格式 77
5.2 添加圖像 78
5.3 設置圖像屬性 79
5.3.1 圖像相對于文字基準線的對齊方式 79
5.3.2 圖像的提示文字 81
5.3.3 圖像的邊框 82
5.3.4 圖像高度 83
5.3.5 圖像水平間距 83
5.3.6 圖像垂直間距 84
5.3.7 圖像寬度 85
5.4 圖像的超鏈接 86
5.4.1 設置圖像的超鏈接 86
5.4.2 設置圖像熱區(qū)鏈接 88
5.5 設置背景音樂 92
5.5.1 添加背景音樂 92
5.5.2 設置背景音樂的循環(huán)播放次數(shù) 93
5.6 小結(jié) 93
5.7 習題 94
第6章 聲東擊西：添加多媒體 95
6.1 初步設置動態(tài)文字 95
6.1.1 設置滾動文字 95
6.1.2 設置文字的滾動方式 96
6.1.3 設置滾動文字的背景 97
6.1.4 設置文字滾動方向 98
6.1.5 設置空白空間 99
6.2 進一步設置動態(tài)文字 100
6.2.1 設置文字的循環(huán) 100
6.2.2 設置滾動速度 101
6.2.3 設置滾動延遲 102
6.2.4 設置滾動背景面積 103
6.3 添加多媒體文件 104
6.3.1 添加多媒體文件標記 104
6.3.2 設置自動運行 104
6.3.3 隱藏面板 105
6.3.4 設置媒體文件的循環(huán)播放 106
6.3.5 添加其他類型的媒體文件 107
6.4 設置背景音樂 107
6.4.1 設置背景音樂 108
6.4.2 設置背景音樂的循環(huán)播放次數(shù) 109
6.5 小結(jié) 109
6.6 習題 110
第７章 密云不雨：創(chuàng)建列表 111
7.1 創(chuàng)建無序列表 111
7.1.1 設置無序列表的符號類型 111
7.1.2 無序列表標記 113
7.2 創(chuàng)建有序列表 114
7.2.1 有序列表標記 114
7.2.2 有序列表的序號類型 115
7.2.3 有序列表的起始數(shù)值 117
7.3 列表的高級應用 118
7.3.1 簡化列表 118
7.3.2 設置列表文字的顏色 119
7.4 創(chuàng)建其他類型的列表 120
7.4.1 目錄列表 120
7.4.2 定義列表標記 121
7.4.3 菜單列表標記 122
7.4.4 列表的嵌套 123
7.5 小結(jié) 124
7.6 習題 125
第８章 偷梁換柱：建立表格 126
8.1 表格標記 126
8.2 設置表格基本屬性 127
8.2.1 設置表格的標題 127
8.2.2 表格的表頭 128
8.2.3 表格對齊方式 130
8.2.4 設置表格高度 131
8.2.5 設置表格寬度 132
8.2.6 設置表格的背景圖像 134
8.2.7 設置表格背景色 135
8.2.8 設置表格的邊框?qū)挾?136
8.2.9 設置表格邊框顏色 138
8.2.10 表格內(nèi)文字與邊框距離 139
8.2.11 設置內(nèi)框?qū)挾?140
8.3 修改表格的行屬性 142
8.3.1 行文字的水平對齊方式 142
8.3.2 行背景 143
8.3.3 邊框顏色 144
8.3.4 高度的控制 145
8.3.5 行文字的垂直對齊方式 146
8.3.6 設置表格標題的垂直對齊方式 147
8.4 調(diào)整單元格屬性 149
8.4.1 對齊方式 149
8.4.2 設置單元格的背景圖像 150
8.4.3 設置單元格的背景色 151
8.4.4 單元格的邊框顏色 153
8.4.5 設置單元格的暗邊框 154
8.4.6 設置單元格的亮邊框 155
8.4.7 水平跨度 156
8.4.8 文字內(nèi)容不換行 157
8.4.9 垂直跨度 159
8.4.10 設置單元格大小 161
8.5 設置表格的結(jié)構(gòu) 162
8.5.1 設計表頭樣式 162
8.5.2 設計表主體樣式 163
8.5.3 設計表尾樣式 165
8.5.4 表格的嵌套 166
8.5.5 層標記 168
8.6 小結(jié) 169
8.7 習題 170
第9章 釜底抽薪：添加表單 171
9.1 添加控件 171
9.2 表單標記 172
9.2.1 處理程序 172
9.2.2 編碼方式 173
9.2.3 傳送方法 173
9.2.4 表單名稱 174
9.2.5 目標顯示方式 175
9.3 輸入類的控件 175
9.3.1 普通按鈕 175
9.3.2 復選項 177
9.3.3 文件域 178
9.3.4 隱藏域 179
9.3.5 圖像域 179
9.3.6 密碼域 180
9.3.7 單選按鈕 182
9.3.8 重置按鈕 183
9.3.9 提交按鈕 184
9.3.10 文字字段 185
9.3.11 文本域標記 186
9.4 菜單列表類的控件 187
9.4.1 下拉菜單 187
9.4.2 列表項 189
9.5 id標記 190
9.6 小結(jié) 191
9.7 習題 192
第10章 暗度陳倉：框架結(jié)構(gòu) 193
10.1 初步認識框架 193
10.2 框架的基本屬性 194
10.2.1 嵌套分割窗口 194
10.2.2 框架的邊框顏色 195
10.2.3 垂直分割窗口 196
10.2.4 設置邊框 197
10.2.5 框架的邊框?qū)挾?198
10.2.6 水平分割窗口 199
10.3 設置窗口屬性 200
10.3.1 頁面源文件 200
10.3.2 邊框與頁面內(nèi)容的水平邊距 202
10.3.3 邊框與頁面內(nèi)容的垂直邊距 203
10.3.4 頁面名稱 204
10.3.5 不支持框架標記 204
10.3.6 禁止調(diào)整窗口的尺寸 206
10.3.7 設置框架滾動條顯示 206
10.4 框架與鏈接 207
10.4.1 設置普通框架結(jié)構(gòu)的鏈接 208
10.4.2 浮動框架的鏈接 211
10.5 浮動框架 213
10.5.1 特有屬性：對齊方式 214
10.5.2 必需參數(shù)：頁面源文件 215
10.5.3 特有屬性：框架大小 216
10.5.4 公有參數(shù)設置 217
10.5.5 其他參數(shù) 218
10.6 小結(jié) 219
10.7 習題 220
第3篇 CSS的使用
第11章 以逸待勞：DIV布局 222
11.1 DIV標記介紹 222
11.1.1 DIV使用格式 222
11.1.2 使用意義 224
11.2 插入DIV標簽 224
11.3 插入層 226
11.4 小結(jié) 232
11.5 習題 232
第12章 龍戰(zhàn)于野：CSS基礎 233
12.1 CSS語法 233
12.2 使用選擇符 238
12.2.1 命名機制 238
12.2.2 通配選擇符 238
12.2.3 類型選擇符 241
12.2.4 群組選擇符 246
12.2.5 包含選擇符 247
12.2.6 ID選擇符 250
12.2.7 class選擇符 253
12.2.8 組合選擇符 253
12.3 CSS屬性介紹 253
12.4 CSS編碼規(guī)范 255
12.4.1 書寫規(guī)范 256
12.4.2 命名規(guī)范 256
12.5 顏色介紹 257
12.5.1 顏色名稱定義 257
12.5.2 十六進制定義 258
12.6 長度單位 260
12.6.1 絕對長度單位 260
12.6.2 相對長度單位 261
12.7 百分比值 261
12.8 URL 266
12.8.1 相對路徑 266
12.8.2 絕對路徑 267
12.8.3 應用實例 267
12.9 CSS的調(diào)用 272
12.10 小結(jié) 275
12.11 習題 276
第13章 反客為主：CSS頁面布局 277
13.1 CSS元素基本知識 277
13.1.1 塊元素 277
13.1.2 內(nèi)聯(lián)元素 280
13.1.3 可變元素 281
13.2 CSS元素的定位 281
13.2.1 元素的定位 282
13.2.2 定位屬性 286
13.3 內(nèi)容控制屬性 292
13.3.1 設置控制頁面內(nèi)容 292
13.3.2 設置控制顯示 294
13.3.3 設置居中顯示 297
13.3.4 設置邊界屬性 301
13.4 控制頁面背景 303
13.4.1 頁面背景概述 303
13.4.2 設置背景顏色 303
13.4.3 設置背景圖片 305
13.4.4 背景顏色和背景圖片混用 314
13.4.5 設置文本樣式 317
13.4.6 設置鏈接樣式 319
13.5 使用浮動屬性 322
13.5.1 浮動屬性簡介 322
13.5.2 固定元素相鄰 322
13.5.3 兩個浮動元素相鄰 325
13.5.4 多個浮動元素相鄰 328
13.6 清除浮動屬性 331
13.6.1 清除浮動屬性簡介 331
13.6.2 使用清除浮動屬性 334
13.7 設置列表屬性 337
13.7.1 設置列表樣式 338
13.7.2 設置列表位置 340
13.7.3 設置列表圖片 342
13.7.4 設置列表綜合屬性 345
13.8 小結(jié) 346
13.9 習題 346
第14章 皓腕玉鐲：CSS容器 348
14.1 盒模型簡介 348
14.1.1 盒模型的內(nèi)容 348
14.1.2 盒模型的背景 351
14.2 使用補白屬性 352
14.2.1 補白屬性概述 352
14.2.2 使用補白屬性百分比值 355
14.2.3 使用單側(cè)補白屬性 357
14.3 使用邊框?qū)傩?360
14.3.1 邊框樣式屬性 360
14.3.2 邊框?qū)挾葘傩?363
14.3.3 邊框顏色屬性 365
14.3.4 邊框?qū)傩缘木C合使用 367
14.3.5 使用表格邊框?qū)傩?370
14.4 使用邊界屬性 372
14.4.1 邊界屬性 372
14.4.2 單側(cè)邊界屬性 375
14.4.3 相鄰邊界屬性 377
14.5 父、子元素的距離 385
14.5.1 當子元素邊界為0 385
14.5.2 當父元素補白為0 388
14.6 嵌套元素使用負邊界 391
14.7 固定元素的大小 393
14.7.1 計算盒模型大小 394
14.7.2 固定長度和寬度 394
14.8 小結(jié) 397
第15章 簾下梳妝：CSS設置和修飾 399
15.1 CSS文本設置 399
15.1.1 文本縮進 399
15.1.2 文本對齊 403
15.1.3 圖文混排對齊處理 408
15.1.4 設置行高和間隔 411
15.1.5 設置文本間隔和空白 419
15.1.6 實現(xiàn)文本轉(zhuǎn)換 424
15.1.7 實現(xiàn)水平和垂直居中 426
15.2 文本修飾鏈接 434
15.2.1 文本修飾 434
15.2.2 使用鏈接屬性 437
15.2.3 設置鼠標懸停樣式 445
15.3 CSS圖片修飾 448
15.3.1 背景圖片修飾 449
15.3.2 內(nèi)容圖片修飾 450
15.4 CSS表單修飾 454
15.4.1 修飾表單文本域 454
15.4.2 修飾表單文本區(qū)域 457
15.4.3 修飾表單按鈕 460
15.4.4 修飾表單復選框 463
15.4.5 修飾表單單選按鈕 464
15.4.6 修飾表單列表 464
15.4.7 修飾表單文件域 465
15.4.8 修飾表單圖像域 466
15.5 修飾頁面滾動條 467
15.6 修飾水平線 469
15.7 修飾表格 469
15.7.1 修飾表格邊線和背景 469
15.7.2 設置表格的寬度和高度 471
15.7.3 實現(xiàn)表格的居中 471
15.7.4 設置表格內(nèi)容高度 473
15.8 小結(jié) 474
第16章 小園藝菊：網(wǎng)頁布局與設計技巧 475
16.1 網(wǎng)頁布局 475
16.1.1 網(wǎng)頁大小 475
16.1.2 網(wǎng)頁欄目劃分 476
16.1.3 表格布局 479
16.1.4 CSS布局 483
16.2 CSS布局技巧 486
16.2.1 一欄布局 486
16.2.2 二欄布局 488
16.2.3 多欄布局 493
16.2.4 層高度 497
16.3 小結(jié)

使用說明

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

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

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

4、雙擊進行閱讀