基本信息
* 知識全面 囊括了HTML的所有元素和相應屬性 * 實例經典 用實例演示了各個元素，這些例子可以直接套用到項目中 * 圖文並茂 對每個實例都給出執行效果，方便學習 * 案例提高 最後給出了一個商業案例，告訴讀者如何綜合套用各個技術
內容簡介
為了方便讀者學習，本書光碟中提供了豐富的內容，包括全書的多媒體視頻演示、全書的電子教案、900多頁的電子資料以及書中講解的原始碼等內容。對於每章後面的習題，筆者都給了相應的解答，讀者可以到http:// www.tupwk .com .cn/網站下載。
出版信息
ISBN：9787302224181
定價：58元
印次：1-1
裝幀：平裝
印刷日期：2010-8-23
圖書目錄
第1章 HTML的基本概念 1
1.1 什麼是HTML 2
1.2 HTML的發展歷史 2
1.3 一個簡單的HTML示例 3
1.4 HTML與網頁的關係 4
1.5 用什麼來編寫和開發HTML 5
1.5.1 標題欄 5
1.5.2 插入欄 5
1.5.3 文檔工具列 6
1.5.4 實例練習 6
1.6 本章習題 8
第2章 HTML的語法基礎 9
2.1 HTML頁面結構 10
2.2 元素和屬性的寫法 12
2.2.1 元素的書寫格式 12
2.2.2 元素屬性的書寫格式 12
2.2.3 HTML的語法規範 14
2.3 文檔類型 16
2.3.1 什麼是文檔類型 16
2.3.2 選擇什麼樣的DOCTYPE 16
2.4 什麼是名字空間 17
2.5 本章習題 18
第3章 頁面基本元素 19
3.1 頁面基礎元素<html> 20
3.1.1 文本顯示方向屬性dir 20
3.1.2 指定語言屬性lang 22
3.2 頁面頭部元素<head> 23
3.3 頁面標題元素<title> 23
3.4 元信息元素<meta> 24
3.4.1 元信息元素名稱屬性name 25
3.4.2 元信息元素的值content 25
3.4.3 元信息元素的附加屬性
http-equiv 26
3.4.4 設定頁面關鍵字 26
3.4.5 設定頁面主要內容 27
3.4.6 定義頁面的搜尋方式 27
3.4.7 定義頁面的跳轉 28
3.4.8 定義頁面的作者信息 29
3.4.9 定義頁面的版權資訊 30
3.4.10 定義頁面的刷新時間 30
3.5 基本設定元素<base> 31
3.6 創建樣式元素<style> 32
3.6.1 類型屬性type 33
3.6.2 類型屬性media 34
3.7 連結元素<link> 35
3.7.1 指定連結路徑屬性href 36
3.7.2 連結的類型屬性type 36
3.7.3 源文檔與目標文檔關係屬性rel、rev 37
3.7.4 連結樣式檔案 38
3.7.5 製作收藏夾圖示 39
3.8 腳本元素<script> 40
3.8.1 腳本的語言屬性language 41
3.8.2 腳本的類型屬性type 42
3.8.3 推遲執行屬性defer 42
3.8.4 腳本的連結屬性src 42
3.9 頁面主體元素<body> 43
3.9.1 主體元素的背景屬性BGCOLOR 45
3.9.2 主體元素的背景圖片屬性background 46
3.9.3 主體元素的背景圖片滾動屬性bgproperties 47
3.9.4 主體元素的文本屬性text 49
3.9.5 IE瀏覽器中的左邊界屬性leftmargin 49
3.9.6 IE瀏覽器中的上邊界屬性topmargin 50
3.9.7 未訪問過的連結屬性link 51
3.9.8 已訪問過的連結屬性vlink 52
3.9.9 激活的連結屬性alink 53
3.9.10 主體元素中使用樣式屬性style 54
3.9.11 主體元素中調用樣式屬性class 55
3.10 使用背景音樂 55
3.10.1 IE瀏覽器中添加背景音樂元素<bgsound> 56
3.10.2 背景音樂的路徑屬性src 56
3.10.3 背景音樂的重複屬性loop 57
3.11 本章習題 57
第4章 文本和段落元素 59
4.1 層元素<div> 60
4.1.1 標記屬性id 61
4.1.2 調用樣式屬性class 62
4.1.3 創建樣式屬性style 63
4.1.4 對齊屬性align 64
4.1.5 取消自動換行屬性nowrap 66
4.1.6 標題屬性title 66
4.2 標題元素 67
4.3 段落元素<p> 69
4.4 文本的間隔和布局 70
4.4.1 換行元素<br> 70
4.4.2 縮進元素<blockquote> 72
4.4.3 保留格式元素<pre> 72
4.4.4 取消換行元素<nobr> 73
4.4.5 引用元素<q> 74
4.4.6 地址元素<address> 75
4.5 水平分隔線元素<hr> 76
4.5.1 高度屬性size 77
4.5.2 樣式屬性noshade 78
4.5.3 寬度屬性width 79
4.5.4 對齊屬性align 79
4.5.5 顏色屬性color 80
4.6 基於物理樣式的文本元素 81
4.6.1 加粗元素<b> 81
4.6.2 放大元素<big> 81
4.6.3 縮小元素<small> 82
4.6.4 斜體顯示元素<i> 83
4.6.5 下標元素<sub> 83
4.6.6 上標元素<sup> 85
4.7 基於內容的文本元素 85
4.7.1 強調元素<em> 86
4.7.2 加粗的強調元素<strong> 86
4.7.3 提取元素<SAMP> 87
4.7.4 首字母縮寫元素<acronym> 87
4.7.5 變數顯示元素<var> 87
4.7.6 文獻參考元素<cite> 88
4.8 本章習題 89
第5章 列表元素 91
5.1 無序列表元素<ul> 92
5.2 有序列表元素<ol> 95
5.2.1 項目符號的類型屬性type 96
5.2.2 有序列表的起始值屬性start 97
5.3 列表條目元素<li> 99
5.3.1 項目符號的類型屬性type 99
5.3.2 條目編號屬性value 100
5.4 定義列表元素<dl> 101
5.4.1 定義列表術語元素<dt> 102
5.4.2 定義列表條目說明元素<dd> 103
5.5 本章習題 104
第6章 圖像元素 105
6.1 圖像元素<img> 106
6.1.1 圖像元素的路徑屬性src 107
6.1.2 代替圖片的文本屬性alt 108
6.1.3 圖像元素的寬度屬性width 109
6.1.4 圖像元素的高度屬性height 110
6.1.5 圖像元素的框線屬性border 111
6.1.6 代替圖片的長文本屬性longdesc 112
6.1.7 上下邊距屬性vSpace 112
6.1.8 圖像元素的左右邊距屬性hspace 113
6.1.9 圖像元素的對齊屬性align 113
6.1.10 圖像伺服器端映射屬性ISMAP 115
6.1.11 圖像伺服器端映射屬性usemap 116
6.2 圖像的格式 116
6.2.1 JPEG格式 116
6.2.2 GIF格式 117
6.2.3 PNG格式 118
6.3 本章習題 118
第7章 表格元素 121
7.1 表格元素的結構 122
7.1.1 表格<table> 122
7.1.2 行<tr> 124
7.1.3 單元格<td> 125
7.2 <table>元素的屬性 126
7.2.1 框線屬性border 126
7.2.2 水平對齊屬性align 127
7.2.3 高度屬性height 128
7.2.4 寬度屬性width 129
7.2.5 框線顏色屬性bordercolor 129
7.2.6 框線暗邊線屬性bordercolordark 130
7.2.7 框線亮邊線屬性bordercolorlight 131
7.2.8 背景顏色屬性bgcolor 132
7.2.9 背景圖片屬性background 133
7.2.10 單元格間距屬性cellspacing 133
7.2.11 單元格補白屬性cellspadding 135
7.2.12 表格單元格框線屬性rules 136
7.2.13 表格框線屬性frame 136
7.3 <tr>元素的屬性 138
7.3.1 水平對齊屬性align 138
7.3.2 垂直對齊屬性valign 139
7.3.3 背景顏色屬性bgcolor 140
7.3.4 框線顏色屬性bordercolor 141
7.3.5 框線暗邊線屬性bordercolordark 142
7.3.6 框線亮邊線屬性bordercolorlight 142
7.4 <td>元素的屬性 143
7.4.1 寬度屬性width 143
7.4.2 高度屬性height 145
7.4.3 背景顏色屬性bgcolor 146
7.4.4 背景圖片屬性background 147
7.4.5 水平對齊屬性align 148
7.4.6 垂直對齊屬性valign 149
7.4.7 框線屬性bordercolor 150
7.4.8 合併列屬性colspan 151
7.4.9 合併行屬性rowspan 152
7.4.10 同行顯示屬性nowrap 153
7.5 表格中使用的其他元素 155
7.5.1 表格標題元素<caption> 155
7.5.2 表格頭部元素<th> 156
7.5.3 表格頭行元素<thead> 158
7.5.4 表主體元素<tbody> 159
7.5.5 表格行尾元素<tfoot> 160
7.6 本章習題 161
第8章 連結元素 165
8.1 連結和路徑 166
8.1.1 超連結的概念 166
8.1.2 路徑url 167
8.1.3 HTTP路徑 168
8.1.4 FTP路徑 169
8.1.5 郵件路徑 169
8.2 連結元素<a> 170
8.2.1 指定路徑屬性href 172
8.2.2 顯示連結目標屬性target 173
8.2.3 激活順序屬性TabIndex 174
8.2.4 連結的熱鍵屬性accesskey 175
8.3 圖像連結 176
8.3.1 創建連結區域元素<map> 176
8.3.2 連結區域的名稱屬性name 176
8.3.3 定義滑鼠敏感區元素<area> 177
8.3.4 連結的路徑屬性href、nohref 178
8.3.5 連結的文本說明屬性alt 179
8.3.6 滑鼠敏感區坐標屬性coords 179
8.3.7 滑鼠敏感區形狀屬性shape 181
8.3.8 使用圖片中的連結 181
8.4 本章習題 182
第9章 表單元素 183
9.1 表單元素<form> 184
9.1.1 動作屬性action 184
9.1.2 傳送數據方式屬性method 185
9.1.3 名稱屬性name 187
9.2 表單控制項<input> 187
9.2.1 文本域text 187
9.2.2 密碼區域password 188
9.2.3 提交按鈕submit 189
9.2.4 復位按鈕reset 190
9.2.5 圖像按鈕image 191
9.2.6 單擊按鈕button 192
9.2.7 複選框checkbox 192
9.2.8 單選按鈕radio 193
9.2.9 隱藏區域hidden 194
9.3 <input>元素的屬性 195
9.3.1 唯讀屬性readonly 195
9.3.2 不可用屬性disabled 196
9.4 選擇列表條目元素<option> 197
9.5 按鈕元素<button> 198
9.6 選擇列表元素<select> 199
9.6.1 高度屬性size 200
9.6.2 多項選擇屬性multiple 201
9.7 文本區域元素<textarea> 202
9.7.1 寬度屬性cols 202
9.7.2 高度屬性rows 202
9.8 表單標記元素<label> 203
9.8.1 定義目標屬性for 203
9.8.2 定義熱鍵屬性accesskey 204
9.9 本章習題 205
第10章 框架元素 209
10.1 框架集元素<frameset> 210
10.1.1 行屬性rows 211
10.1.2 列屬性cols 212
10.1.3 框線屬性frameborder 214
10.1.4 框線寬度屬性framespacing 215
10.1.5 框線寬度屬性border 216
10.1.6 顏色屬性bordercolor 217
10.2 框架內容元素<frame> 218
10.2.1 內容的路徑屬性src 218
10.2.2 滾條屬性scrolling 219
10.2.3 固定尺寸屬性noresize 220
10.2.4 內容的顯示位置屬性marginheight、marginwidth 221
10.2.5 框線屬性frameborder 223
10.3 不支持框架元素<NOFRAMES> 224
10.4 內聯框架元素<iframe> 224
10.5 框架元素中的連結 225
10.6 本章習題 227
第11章 CSS的概念 231
11.1 什麼是CSS 232
11.2 CSS與網頁顯示效果的關係 233
11.3 使用CSS的方法 235
11.3.1 元素中直接添加樣式 235
11.3.2 從頁面頭部<style>元素中調用 236
11.3.3 採用連結的形式調用 237
11.4 本章習題 238
第12章 CSS的語法 241
12.1 選擇符 242
12.1.1 id選擇符 242
12.1.2 類選擇符 243
12.1.3 類型選擇符 244
12.1.4 偽類 245
12.1.5 子選擇符 246
12.1.6 選擇符分組 248
12.1.7 選擇符的優先權 248
12.2 屬性 250
12.3 值 251
12.3.1 顏色值 252
12.3.2 長度值 253
12.3.3 百分比值 253
12.4 繼承值 254
12.5 默認值 255
12.6 塊元素和內聯元素 257
12.6.1 塊元素 257
12.6.2 內聯元素 258
12.7 套用樣式的優先權 259
12.8 本章習題 262
第13章 CSS控制文本的顯示 263
13.1 控制字型的顯示 264
13.1.1 字型選擇屬性font-family 264
13.1.2 字型顏色屬性color 265
13.1.3 字型大小屬性font-size 266
13.1.4 字型樣式屬性font-style 269
13.1.5 字型加粗屬性font-weight 270
13.1.6 字型修飾屬性text-decoration 271
13.1.7 字型下劃線位置屬性text-underline-position 273
13.1.8 小型大寫字母屬性font-variant 274
13.1.9 轉換大小寫屬性text-transform 276
13.1.10 字母間隔屬性letter-spacing 277
13.1.11 單詞間隔屬性word-spacing 278
13.1.12 行高屬性line-height 279
13.1.13 字型綜合屬性font 281
13.2 控制文本的顯示 282
13.2.1 文本縮進屬性text-indent 282
13.2.2 文本空白屬性white-space 283
13.2.3 文本溢出屬性text-overflow 285
13.2.4 水平對齊屬性text-align 287
13.2.5 垂直對齊屬性vertical-align 288
13.2.6 文本流向屬性layout-flow 291
13.2.7 文本方向屬性direction 292
13.2.8 文本排序屬性unicode-bidi 293
13.2.9 單詞換行屬性word-break 295
13.2.10 文本斷開換行屬性word-wrap 296
13.3 本章習題 298
第14章 CSS控制列表元素的顯示 301
14.1 控制列表元素的顯示 302
14.1.1 列表符號屬性ist-style-type 302
14.1.2 列表符號的混用 304
14.1.3 列表圖像list-style-image 305
14.1.4 列表圖像的顯示位置 307
14.1.5 標記位置屬性list-style-position 308
14.1.6 標記位置屬性與列表高度 309
14.1.7 列表綜合屬性list-style 310
14.2 列表元素的使用和嵌套 311
14.2.1 列表元素的默認屬性值 311
14.2.2 統一列表元素的邊界和補白 312
14.3 本章習題 313
第15章 CSS控制表格元素的顯示 315
15.1 控制表格元素的顯示 316
15.1.1 框線合併屬性boder-collapse 316
15.1.2 表格框線間距屬性border-spacing 317
15.1.3 表格標題位置屬性caption-side 319
15.1.4 表格布局屬性table-layout 321
15.2 單元格的制約關係 323
15.2.1 確定單行或列的寬度或高度 323
15.2.2 確定多行或列的寬度或高度 325
15.2.3 單元格與嵌套的<div>元素 327
15.3 本章習題 328
第16章 CSS控制元素的大小 331
16.1 盒模型的概念 332
16.2 元素內容的大小 332
16.2.1 寬度屬性width 333
16.2.2 高度屬性height 334
16.2.3 內容與寬度、高度屬性的關係 334
16.3 元素的背景 335
16.3.1 背景顏色屬性background-color 336
16.3.2 背景圖片屬性background-image 337
16.3.3 背景圖片的重複屬性background-repeat 337
16.3.4 背景圖片位置屬性background-position 339
16.3.5 背景圖片滾動屬性background-attachment 340
16.3.6 同時使用背景顏色和背景圖片屬性 341
16.3.7 背景的綜合屬性background 342
16.4 元素的補白 343
16.4.1 頂部補白屬性padding-top 344
16.4.2 右側補白屬性padding-right 344
16.4.3 底部補白屬性padding-bottom 345
16.4.4 左側補白屬性padding-left 346
16.4.5 綜合補白屬性padding 347
16.4.6 補白與背景 348
16.5 元素的框線 349
16.5.1 頂部框線樣式屬性border-top-style 349
16.5.2 右側框線樣式屬性border-right-style 351
16.5.3 底部框線樣式屬性border-bottom-style 352
16.5.4 左側框線樣式屬性border-left-style 354
16.5.5 頂部框線顏色屬性border-top-color 355
16.5.6 右側框線顏色屬性border-right-color 356
16.5.7 底部框線顏色屬性border-bottom-color 357
16.5.8 左側框線顏色屬性border-left-color 358
16.5.9 頂部框線寬度屬性border-top-width 359
16.5.10 右側框線寬度屬性border-right-width 360
16.5.11 底部框線寬度屬性border-bottom-width 361
16.5.12 左側框線寬度屬性border-left-width 362
16.5.13 框線樣式屬性border-style 363
16.5.14 框線顏色屬性border-color 364
16.5.15 框線寬度屬性border-width 365
16.5.16 框線頂部綜合屬性border-top 366
16.5.17 框線右側綜合屬性border-right 367
16.5.18 框線底部綜合屬性order-bottom 368
16.5.19 框線左側綜合屬性border-left 368
16.5.20 框線綜合屬性border 368
16.6 元素的邊界 369
16.6.1 頂部邊界屬性margin-top 369
16.6.2 右側邊界屬性margin-right 370
16.6.3 底部邊界屬性margin-bottom 372
16.6.4 左側邊界屬性margin-left 373
16.6.5 邊界綜合屬性margin 374
16.6.6 邊界與背景 375
16.7 嵌套元素的大小和距離 376
16.7.1 父元素和子元素 376
16.7.2 子元素中使用邊界屬性，父元素未定義大小 377
16.7.3 子元素中使用邊界屬性，父元素中使用補白屬性 378
16.8 本章習題 379
第17章 CSS控制元素的定位 381
17.1 元素的定位 382
17.1.1 元素的定位屬性position 382
17.1.2 上邊偏移屬性top 383
17.1.3 右邊偏移屬性right 384
17.1.4 下邊偏移屬性bottom 385
17.1.5 左邊偏移屬性left 386
17.2 絕對定位 387
17.2.1 絕對定位與父元素 388
17.2.2 絕對定位與相鄰元素 389
17.3 相對定位 390
17.3.1 相對定位元素位置的確定 390
17.3.2 相對定位與相鄰元素 391
17.4 定位元素的重疊 393
17.5 本章習題 394
第18章 CSS控制元素的布局 397
18.1 元素的浮動 398
18.1.1 元素的浮動屬性float 398
18.1.2 浮動元素和固定元素 399
18.1.3 兩個浮動元素的顯示效果 400
18.1.4 多個浮動元素的顯示順序 401
18.2 浮動的清除 403
18.2.1 清除浮動屬性clear 403
18.2.2 清除浮動與固定元素 404
18.3 內容的剪下 405
18.3.1 內容的剪下屬性clip 405
18.3.2 剪下屬性與內容 407
18.4 溢出內容的控制 408
18.4.1 溢出屬性overflow 409
18.4.2 橫向溢出屬性overflow-x 410
18.4.3 縱向溢出屬性overflow-y 411
18.4.4 滾條和框線 412
18.5 元素的顯示方式 413
18.5.1 顯示方式屬性display 413
18.5.2 內聯塊屬性值的異常顯示 415
18.5.3 隱藏屬性值none 416
18.6 元素的可視性 418
18.6.1 可視屬性visibility 418
18.6.2 可視性屬性與顯示方式屬性的關係 419
18.7 本章習題 421
第19章 CSS控制其他元素的顯示 423
19.1 控制滾條的顯示 424
19.1.1 滾條3d亮框線顏色屬性scrollbar-3dlight-color 424
19.1.2 滾條亮框線顏色屬性scrollbar-highlight-color 425
19.1.3 滾條滑塊顏色屬性scrollbar-face-color 426
19.1.4 滾條箭頭顏色屬性scrollbar-arrow-color 428
19.1.5 滾條陰影顏色屬性scrollbar-shadow-color 429
19.1.6 滾條暗部陰影屬性scrollbar-darkshadow-color 430
19.1.7 滾條拖動區顏色屬性scrollbar-track-color 431
19.1.8 滾條基準色屬性scrollbar-base-color 432
19.1.9 定義滾條的顏色 433
19.2 控制游標的顯示 434
19.3 控制元素的縮放 437
19.4 控制連結的顯示 438
19.4.1 定義連結未訪問的顯示效果 438
19.4.2 定義連結滑鼠懸停的顯示效果 439
19.4.3 定義連結激活的顯示效果 440
19.4.4 定義連結訪問後顯示效果 441
19.4.5 定義連結效果的順序 442
19.5 本章習題 444
第20章 製作個人部落格頁面 447
20.1 製作頁面前的準備工作 448
20.1.1 規劃頁面的內容 448
20.1.2 切分效果圖 449
20.2 規劃站點資料夾 449
20.3 定義基本的樣式 450
20.3.1 新建CSS檔案 450
20.3.2 定義頁面的基礎樣式 450
20.4 製作頁面頭部 451
20.4.1 製作頁面頭部的結構 451
20.4.2 定義頁面頭部的樣式 451
20.5 製作頁面導航 453
20.5.1 製作頁面導航的結構 453
20.5.2 定義頁面導航的樣式 454
20.6 製作頁面主體 456
20.6.1 製作頁面主體的結構 456
20.6.2 定義頁面主內容的樣式 456
20.7 製作日誌 457
20.7.1 製作日誌內容的結構 458
20.7.2 定義日誌內容的樣式 458
20.8 製作側欄 459
20.8.1 製作側欄的結構 459
20.8.2 定義側欄的通用樣式 461
20.9 製作頁面底部內容 462
20.9.1 製作頁面底部的結構 463
20.9.2 定義頁面底部的樣式 463
創作背景
本書分為3篇，共20章，從HTML使用的基本內容和概念講起，循序漸進地講解了HTML和CSS的相關知識、各種元素和屬性的使用方法以及各種技巧等。其中每個部分的主要內容如下所示。
第一篇(第1章~第10章)HTML的相關概念。
詳細講述了HTML的各種概念和相關內容。首先介紹了HTML的基礎知識，接著詳細講解了HTML的頁面基本元素、文本和段落元素、列表元素、圖像元素、表格元素、超連結元素、表單元素、框架元素等知識。
第二篇(第11章~第19章)CSS的相關概念。
首先講述了CSS布局中的各種概念和相關內容。其中包括CSS的概念、結構和表現分離的原理和優點、XHTML的基礎知識、CSS的基本語法和使用方式等。接著講述了CSS盒模型和塊元素的定位。包括CSS中盒模型的構成，塊元素與內聯元素的分類，以及使用各種屬性控制塊元素的位置和顯示方式等。最後講述了CSS控制元素顯示效果和布局頁面的方法。
第三篇(第20章)實戰篇。
講解了實際開發中，使用HTML和CSS代碼的技巧。其中包括實際站點的建立、站點結構的規劃、頁面實例每個部分的製作過程等幾個內容。通過本章的學習，可以最終運用可視化的開發軟體，結合本書中講解的各種知識，完整地掌握頁面製作的方法。
