上篇 HTML標記詳解
第1章 HTML入門 3
1.1 HTML的基本概念 3
1.1.1 HTML簡介 3
1.1.2 HTML的基本結構 3
1.1.3 HTML的標記 4
1.2 一個簡單的HTML實例 5
1.2.1 編寫HTML代碼 5
1.2.2 運行HTML文件查看效果 7
1.3 HTML基本標記 7
1.3.1 文件類型： HTML 7
1.3.2 文件頭： HEAD 8
1.3.3 文件主體： BODY 8
1.4 頁面標題：TITLE 8
1.5 小結 9
第2章 與瀏覽器相關的結構性標記 10
2.1 標題文字 10
2.1.1 標題標記：H 10
2.1.2 標題的對齊：ALIGN 11
2.2 層 12
2.2.1 層標記：DIV 12
2.2.2 層的對齊：ALIGN 13
2.2.3 層的樣式設置：STYLE 14
2.3 文字相關 16
2.3.1 斜體：EM 16
2.3.2 文字的加粗：STRONG 17
2.3.3 引文：CITE 18
2.3.4 程序碼：CODE 18
2.3.5 鍵盤輸入：KBD 19
2.3.6 變量聲明：VAR 20
2.3.7 字體加大和縮?。築IG、SMALL 21
2.4 其他標記 21
2.4.1 文本縮進：BLOCKQUOTE 22
2.4.2 樣本：SAMP 23
2.4.3 定義：DFN 23
2.4.4 地址：ADDRESS 24
第3章 設置頁面元素外觀 26
3.1 文字外觀 26
3.1.1 加粗文字：B 26
3.1.2 斜體：I 27
3.1.3 下劃線：U 27
3.1.4 刪除線：S 28
3.1.5 上標與下標：SUB、SUP 29
3.1.6 打字機字體：TT 30
3.1.7 基本字大小：BASEFONT SIZE 31
3.1.8 字體大?。篎ONT SIZE 32
3.1.9 字體顏色：FONT COLOR 33
3.1.10 設置字體：FONT FACE 34
3.2 預定義格式標記：PRE 35
3.3 居中對齊：CENTER 36
3.4 閃爍：BLINK 37
第4章 超級鏈接 38
4.1 超級鏈接的基本標記 38
4.1.1 設置超級鏈接：A 38
4.1.2 鏈接地址：HREF 38
4.1.3 目標頁面：TARGET 40
4.2 網頁中的錨點 41
4.2.1 設定錨點：NAME 41
4.2.2 鏈接到錨點：# 42
4.3 設置不同的鏈接對象 46
4.3.1 鏈接網站內部的頁面 46
4.3.2 鏈接文件 47
4.3.3 設置外部鏈接：鏈接HTTP頁面 47
4.3.4 設置外部鏈接：鏈接FTP頁面 48
4.3.5 使用Telnet鏈接BBS站點 49
4.3.6 發(fā)送E-mail 50
第5章 圖像與多媒體 52
5.1 添加圖像 52
5.1.1 圖像標記：IMG 52
5.1.2 設置圖像源文件：SRC 52
5.2 設置圖像屬性 54
5.2.1 設置大?。篧IDTH、HEIGHT 54
5.2.2 對齊方式：ALIGN 56
5.2.3 替換文字：ALT 57
5.2.4 設置邊框：BORDER 59
5.2.5 設置邊距：HSPACE、VSPACE 60
5.2.6 低解析度圖像：LOWSRC 61
5.3 圖像的超級鏈接 63
5.3.1 對整幅圖像設置超級鏈接 63
5.3.2 應用圖像地圖：MAP 64
5.4 設置背景音樂 71
5.4.1 添加背景音樂：BGSOUND 71
5.4.2 設置背景音樂的循環(huán)播放次數：LOOP 72
5.5 多媒體元素 72
5.5.1 添加多媒體元素：EMBED 72
5.5.2 設置自動運行：AUTOSTART 73
5.5.3 設置循環(huán)播放：LOOP 74
5.5.4 隱藏面板：HIDDEN 75
5.5.5 添加其他類型的多媒體文件 76
5.6 動態(tài)文字 77
5.6.1 添加滾動文字：MARQUEE 77
5.6.2 文字滾動方向：DIRECTION 78
5.6.3 設置文字的滾動方式：BEHAVIOR 79
5.6.4 調整文字滾動速度：SCROLLAMOUNT 80
5.6.5 設置滾動延遲：SCROLLDELAY 81
5.6.6 循環(huán)設置：LOOP 82
5.6.7 設置滾動文字的背景：BGCOLOR 83
5.6.8 滾動背景面積：WIDTH、HEIGHT 85
5.6.9 設置空白空間：HSPACE、VSPACE 86
第6章 頁面的布局與分隔 88
6.1 段落標記 88
6.1.1 段落標記：P 88
6.1.2 段落文字對齊方式：ALIGN 89
6.2 文字的換行 90
6.2.1 換行標記：BR 90
6.2.2 設置不可換行：NOBR 91
6.2.3 強制換行：WBR 92
6.3 水平線 93
6.3.1 插入水平線：HR 93
6.3.2 水平線高度：SIZE 94
6.3.3 水平線寬度：WIDTH 95
6.3.4 水平線的對齊方式：ALIGN 96
6.3.5 設置為實線效果：NOSHADE 97
6.3.6 水平線的顏色：COLOR 98
第7章 列表 100
7.1 無序列表 100
7.1.1 無序列表標記：UL 100
7.1.2 設置無序列表的符號類型：TYPE 101
7.2 有序列表的設計 102
7.2.1 有序列表標記：OL 103
7.2.2 有序列表的序號類型：TYPE 103
7.2.3 有序列表的起始數值：START 104
7.3 定義列表標記：DL 106
7.4 菜單列表標記：MENU 107
7.5 目錄列表：DIR 108
第8章 表單 110
8.1 添加表單：FORM 110
8.1.1 處理程序：ACTION 110
8.1.2 表單名稱：NAME 112
8.1.3 傳送方法：METHOD 112
8.1.4 編碼方式：ENCTYPE 113
8.2 輸入類控件 114
8.2.1 輸入控件類型：INPUT TYPE 114
8.2.2 文本框控件：INPUT TYPE=“text” 115
8.2.3 密碼域控件：INPUT TYPE=“password” 116
8.2.4 文件域：INPUT TYPE=“file” 117
8.2.5 復選框：INPUT TYPE=“checkbox” 118
8.2.6 單選按鈕：INPUT TYPE=“radio” 119
8.2.7 普通按鈕：INPUT TYPE=“button” 121
8.2.8 提交按鈕：INPUT TYPE=“submit” 122
8.2.9 重置按鈕：INPUT TYPE=“reset” 123
8.2.10 圖像區(qū)域控件：INPUT TYPE=“image” 124
8.2.11 隱藏域：INPUT TYPE=“hidden” 125
8.2.12 控件名稱： INPUT NAME=“***” 127
8.2.13 控件默認取值： INPUT VALUE=“***” 128
8.2.14 已選定的選項：CHECKED 130
8.2.15 控件長度：SIZE 131
8.2.16 設置最多字符：MAXLENGTH 132
8.3 下拉式選單 134
8.3.1 添加選單控件：SELECT 134
8.3.2 選單顯示的項目數：SIZE 135
8.3.3 選單控件名稱：NAME 136
8.3.4 設置選項值：VALUE 137
8.3.5 已選定的選項：SELECTED 138
8.3.6 設置列表項目的多選：MULTIPLE 139
8.4 文本輸入區(qū) 141
8.4.1 文本輸入區(qū)域：TEXTAREA 141
8.4.2 設置名稱：NAME 142
8.4.3 設置輸入區(qū)大?。篟OWS、COLS 143
8.4.4 輸入區(qū)的默認值 143
8.4.5 輸入區(qū)換行方式：WRAP 145
第9章 表格 147
9.1 創(chuàng)建表格 147
9.2 表格屬性 148
9.2.1 表格邊框：BORDER 148
9.2.2 表格的邊框顏色：BORDERCOLOR 149
9.2.3 表格的亮邊框：BORDERCOLORLIGHT 151
9.2.4 表格的暗邊框顏色：BORDERCOLORDARK 152
9.2.5 表格寬度：WIDTH 153
9.2.6 設置表格的高度：HEIGHT 154
9.2.7 設置表格背景色：BGCOLOR 155
9.2.8 設置表格的背景圖像：BACKGROUND 156
9.2.9 表格內框寬度：CELLSPACING 157
9.2.10 文字與邊框距離：CELLPADDING 158
9.2.11 設置表格的對齊方式：ALIGN 160
9.3 表格行屬性設置 161
9.3.1 高度的控制：HEIGHT 162
9.3.2 邊框顏色：BORDERCOLOR 163
9.3.3 行的背景色：BGCOLOR 164
9.3.4 行文字的水平對齊方式：ALIGN 165
9.3.5 行文字的垂直對齊方式：VALIGN 166
9.3.6 行的亮邊框顏色：BORDERCOLORLIGHT 167
9.3.7 設置行的暗邊框顏色：BORDERCOLORDARK 168
9.4 調整單元格屬性 169
9.4.1 單元格大?。篧IDTH、HEIGHT 169
9.4.2 水平跨度：COLSPAN 171
9.4.3 垂直跨度：ROWSPAN 172
9.4.4 對齊方式：ALIGN、VALIGN 174
9.4.5 設置單元格的背景色：BGCOLOR 175
9.4.6 設置單元格的背景圖像：BACKGROUND 176
9.4.7 單元格的邊框顏色：BORDERCOLOR 177
9.4.8 設置單元格的亮邊框：BORDERCOLORLIGHT 178
9.4.9 設置單元格的暗邊框：BORDERCOLORDARK 179
9.4.10 文字內容不換行：NOWRAP 180
9.5 表格的結構 181
9.5.1 表格的表首：THEAD 181
9.5.2 設計表首樣式 182
9.5.3 表格的主體：TBODY 183
9.5.4 設計表主體的樣式 185
9.5.5 表格的表尾：TFOOT 185
9.5.6 設計表尾樣式 187
9.6 表格的表頭：TH 188
9.7 表格的標題 190
9.7.1 添加標題單元格：CAPTION 190
9.7.2 標題的水平對齊方式：ALIGN 191
9.7.3 標題的垂直對齊方式：VALIGN 192
9.8 表格的嵌套 194
第10章 框架結構 196
10.1 插入框架： FRAMESET 196
10.2 分割窗口 196
10.2.1 上下分割窗口：ROWS 197
10.2.2 左右分割窗口：COLS 199
10.2.3 窗口的嵌套分割 200
10.3 設置框架邊框 201
10.3.1 設置邊框：FRAMEBORDER 201
10.3.2 框架的邊框寬度：FRAMESPACING 203
10.3.3 框架的邊框顏色：BORDERCOLOR 204
10.4 設置窗口屬性 205
10.4.1 頁面源文件：SRC 205
10.4.2 頁面名稱：NAME 207
10.4.3 設置框架滾動條顯示：SCROLLING 208
10.4.4 設置框架邊緣寬度：MARGINWIDTH 210
10.4.5 設置框架邊緣高度：MARGINHEIGHT 211
10.4.6 禁止調整窗口的尺寸：NORESIZE 212
10.4.7 不支持框架標記：NOFRAMES 213
10.5 浮動框架 215
10.5.1 插入浮動框架IFRAME 215
10.5.2 浮動框架大小：WIDTH、HEIGHT 216
10.5.3 浮動框架的對齊方式：ALIGN 217
10.5.4 設置邊框顯示屬性：FRAMEBORDER 218
10.5.5 設置框架邊緣寬度：MARGINWIDTH 219
10.5.6 設置框架邊緣高度：MARGINHEIGHT 220
10.5.7 設置框架滾動條：SCROLLING 220
10.5.8 設置框架名稱：NAME 222
10.6 框架的鏈接 223
10.6.1 普通框架頁面的鏈接：FRAME NAME 223
10.6.2 浮動框架頁面的鏈接：IFRAME NAME 226
第11章 其他常用標記 228
11.1 元信息標記：META 228
11.1.1 設置頁面關鍵字：NAME=“keywords” 228
11.1.2 設置頁面描述文字：NAME=“discription” 229
11.1.3 設置編輯工具：NAME=“generator” 229
11.1.4 設定作者信息：NAME=“author” 230
11.1.5 限制搜索方式：NAME=“robots” 230
11.1.6 設置版權聲明：NAME=“copyright” 231
11.1.7 設置頁面的創(chuàng)建日期：NAME=“build” 232
11.1.8 設置聯(lián)系人郵箱：NAME=“reply-to” 232
11.1.9 設置頁面語言：HTTP-EQUIV=“Content-Language” 233
11.1.10 設置網頁的定時刷新和跳轉：HTTP-EQUIV=“refresh” 233
11.1.11 設置網頁的到期時間：HTTP-EQUIV=“expires” 235
11.1.12 禁止調用緩存：HTTP-EQUIV=“cache-control” 235
11.1.13 刪除過期的cookie：HTTP-EQUIV=“set-cookie” 236
11.1.14 以獨立窗口打開：HTTP-EQUIV=“window-target” 237
11.1.15 設置網頁的過渡效果：HTTP-EQUIV=“過渡事件” 238
11.2 基底網址：BASE 243
11.3 頁面相關鏈接：LINK 244
11.4 頁面背景與顏色 245
11.4.1 背景顏色：BGCOLOR 246
11.4.2 背景圖像：BACKGROUND 246
11.4.3 固定顯示頁面背景圖像：BGPROPERTIES 248
11.4.4 鏈接文字的初始顏色：LINK 249
11.4.5 設置使用中的鏈接文字顏色：ALINK 250
11.4.6 修改訪問過的鏈接文字顏色：VLINK 251
11.4.7 設置頁面文字顏色：TEXT 252
11.5 頁面邊距 253
11.5.1 設置頁面的左邊距：LEFTMARGIN 253
11.5.2 設置頁面上邊距：TOPMARGIN 254
11.6 特殊字符 255
11.6.1 空格： 255
11.6.2 其他特殊字符 256
11.7 頁面注釋 257
下篇 CSS標記詳解
第12章 CSS樣式表簡介 261
12.1 CSS樣式表的概念 261
12.2 CSS樣式表的類型 261
12.2.1 類選擇器樣式 262
12.2.2 ID選擇器樣式 262
12.2.3 重定義標記樣式 262
12.2.4 特殊樣式 263
12.3 CSS樣式表的設置方法 263
12.3.1 鏈入外部樣式表 263
12.3.2 導入外部樣式表 264
12.3.3 內部樣式表 264
12.3.4 內嵌樣式 265
12.4 CSS樣式表書寫原則 265
第13章 文字屬性 267
13.1 設置字體 267
13.1.1 設置字體：font-family 267
13.1.2 設置字號：font-size 268
13.1.3 設置斜體效果：font-style 270
13.1.4 設置加粗字體：font-weight 271
13.1.5 設置英文大寫：font-variant 272
13.1.6 復合屬性：字體：font 273
13.2 文本的對齊與排列 274
13.2.1 文本的水平對齊：text-align 274
13.2.2 縱向對齊：vertical-align 275
13.2.3 文本反排：direction與unicode-bidi 277
13.2.4 元素布局方式：writing-mode 278
13.3 文本的換行 279
13.3.1 字內換行：word-break 279
13.3.2 日文文本的換行：line-break 281
13.3.3 超過容器邊界時的換行：word-wrap 282
13.4 文字的修飾 283
13.4.1 設置文字修飾：text-decoration 283
13.4.2 設置下劃線的線條位置：text-underline-position 285
13.5 設置文字間隔 286
13.5.1 單詞間隔：word-spacing 286
13.5.2 字符間隔：letter-spacing 287
13.6 其他文本屬性 288
13.6.1 文本轉換：text-transform 288
13.6.2 文本縮進：text-indent 289
13.6.3 文本行高：line-height 290
13.6.4 處理空白：white-space 291
13.6.5 設置顏色：color 291
第14章 元素的背景 293
14.1 設置背景顏色：background-color 293
14.2 設置背景圖像 294
14.2.1 背景圖像：background-image 294
14.2.2 圖像的平鋪：background-repeat 295
14.2.3 圖像與頁面的布局：background-attachment 298
14.2.4 圖像位置：background-position 300
14.3 背景的復合屬性：background 303
第15章 邊框的設置 305
15.1 邊框的風格 305
15.1.1 上邊框的風格：border-top-style 305
15.1.2 右邊框的風格：border-right-style 307
15.1.3 下邊框的風格：border-bottom-style 308
15.1.4 左邊框的風格：border-left-style 310
15.1.5 設置邊框的風格：border-style 311
15.2 邊框的顏色 312
15.2.1 上邊框的顏色：border-top-color 312
15.2.2 右邊框的顏色：border-right-color 314
15.2.3 下邊框的顏色：border-bottom-color 315
15.2.4 左邊框的顏色：border-left-color 316
15.2.5 設置邊框的顏色：border-color 318
15.3 邊框的寬度 319
15.3.1 上邊框的寬度：border-top-width 319
15.3.2 右邊框的寬度：border-right-width 321
15.3.3 下邊框的寬度：border-bottom-width 322
15.3.4 左邊框的寬度：border-left-width 323
15.3.5 設置邊框的寬度：border-width 325
15.4 分別設置各個邊框 326
15.4.1 設置上邊框：border-top 326
15.4.2 設置右邊框：border-right 327
15.4.3 設置下邊框：border-bottom 329
15.4.4 設置左邊框：border-left 330
15.5 設置邊框的整體效果：border 331
15.6 邊框屬性在框架結構中的應用 333
15.6.1 設置框架中的邊框風格：border-style 333
15.6.2 設置框架的其他邊框屬性：border 334
15.7 表格相鄰邊框的合并：border-collapse 335
第16章 邊距與補白屬性 338
16.1 設置邊距 338
16.1.1 頂端邊距：margin-top 338
16.1.2 底部邊距：margin-bottom 339
16.1.3 左側邊距：margin-left 340
16.1.4 右側邊距：margin-right 341
16.1.5 邊距：margin 342
16.2 設置頁面的補白 343
16.2.1 頂端補白：padding-top 343
16.2.2 底部補白：padding-bottom 344
16.2.3 左側補白：padding-left 345
16.2.4 右側補白：padding-right 346
16.2.5 補白：padding 347
第17章 區(qū)塊屬性 349
17.1 對象的定位 349
17.1.1 定位方式：position 349
17.1.2 元素距頂端的垂直距離：top 349
17.1.3 元素距離左端的水平距離：left 351
17.1.4 元素距離右端的水平距離：right 351
17.1.5 元素距離下端的水平距離：bottom 352
17.1.6 層疊順序：z-index 354
17.2 布局屬性 355
17.2.1 浮動屬性：float 356
17.2.2 清除屬性：clear 357
17.2.3 可視區(qū)域：clip 358
17.2.4 超出范圍：overflow 359
17.2.5 設置水平方向超出范圍的處理方式：overflow-x 361
17.2.6 設置垂直方向超出范圍的處理方式：overflow-y 362
17.2.7 可見屬性：visibility 363
17.3 尺寸設置：width、height 366
第18章 濾鏡 368
18.1 濾鏡的簡介 368
18.2 濾鏡的使用 369
18.2.1 透明效果：alpha 369
18.2.2 動感模糊：blur 372
18.2.3 對顏色進行透明處理：chroma 374
18.2.4 設置陰影：dropshadow 376
18.2.5 漸變陰影效果：shadow 377
18.2.6 對象的水平翻轉：flipH 379
18.2.7 對象的垂直翻轉：flipV 379
18.2.8 發(fā)光效果：glow 380
18.2.9 灰度處理：gray 382
18.2.10 反相處理：invert 383
18.2.11 X光片效果：xray 384
18.2.12 遮罩效果：mask 385
18.2.13 波形濾鏡：wave 386
18.3 應用多個濾鏡實現(xiàn)特殊效果：創(chuàng)建水中倒影 390
第19章 其他CSS屬性 392
19.1 列表屬性 392
19.1.1 列表符號：list-style-type 392
19.1.2 圖像符號：list-style-image 394
19.1.3 列表縮進：list-style-position 395
19.1.4 列表：list-style 396
19.2 光標屬性：cursor 397
19.3 滾動條屬性 399
19.3.1 滾動條表面的顏色：scrollbar-face-color 400
19.3.2 滾動條的亮邊顏色：scrollbar-highlight-color 401
19.3.3 滾動條暗邊顏色：scrollbar-shadow-color 402
19.3.4 滾動條方向箭頭的顏色：scrollbar-arrow-color 403
19.3.5 滾動條基本顏色：scrollbar-base-color 404
附錄1 HTML中支持的顏色名稱 406
附錄2 CSS各屬性適應的瀏覽器 415
附錄3 IE 7.0對CSS的支持 419
鄂公網安備 42010302001612號 