目 錄
篇? 基礎(chǔ)篇
第 1 章 HTML 概述 .........................................................................................................1
1.1 HTML 簡介 ................................................................................................................... 1
1.1.1 什么是 HTML ................................................................................................... 1
1.1.2 HTML 的發(fā)展歷程 ........................................................................................... 1
1.2 HTML 文件的基本結(jié)構(gòu) ............................................................................................... 2
1.2.1 HTML 相關(guān)概念 ............................................................................................... 2
1.2.2 HTML 的基本標(biāo)簽 ........................................................................................... 4
1.3 編寫個 HTML 文件 .............................................................................................. 7
1.3.1 HTML 文件的編寫方法 ................................................................................... 7
1.3.2 手工直接編寫網(wǎng)頁 ........................................................................................... 8
1.3.3 使用可視化軟件 WebStorm 制作網(wǎng)頁 ............................................................ 9
第 2 章 初識 HTML5 .....................................................................................................15
2.1 標(biāo)題 ............................................................................................................................. 15
2.1.1 標(biāo)題標(biāo)簽 ......................................................................................................... 15
2.1.2 標(biāo)題的對齊方式 ............................................................................................. 17
2.2 文字 ............................................................................................................................. 19
2.2.1 文字的斜體、下畫線、刪除線 ..................................................................... 19
2.2.2 文字的上標(biāo)與下標(biāo) ......................................................................................... 21
2.2.3 特殊文字符號 ................................................................................................. 22
2.3 段落 ............................................................................................................................. 23
2.3.1 段落標(biāo)簽 ......................................................................................................... 23
2.3.2 段落的換行標(biāo)簽 ............................................................................................. 24
2.3.3 段落的原格式標(biāo)簽 ......................................................................................... 26
2.4 水平線 ......................................................................................................................... 27
2.4.1 水平線標(biāo)簽 ..................................................................................................... 27
2.4.2 水平線標(biāo)簽的寬度 ......................................................................................... 29目錄
第 3 章 圖像和超鏈接 ...................................................................................................31
3.1 添加圖像 ..................................................................................................................... 31
3.1.1 圖像的基本格式 ............................................................................................. 31
3.1.2 在 HTML 中添加圖像 .................................................................................... 32
3.2 設(shè)置圖像屬性 ............................................................................................................. 33
3.2.1 圖像大小與邊框 ............................................................................................. 33
3.2.2 圖像間距與對齊方式 ..................................................................................... 35
3.2.3 替換文本與提示文字 ..................................................................................... 36
3.3 鏈接標(biāo)簽 ..................................................................................................................... 38
3.3.1 文本鏈接 ......................................................................................................... 38
3.3.2 書簽鏈接 ......................................................................................................... 39
3.4 圖像的鏈接 ................................................................................................................. 41
3.4.1 為圖像添加鏈接 ............................................................................................. 41
3.4.2 圖像熱區(qū)鏈接 ................................................................................................. 43
第 4 章 表格與 ＜div＞ 標(biāo)簽 ............................................................................................46
4.1 簡單表格 ..................................................................................................................... 46
4.1.1 簡單表格的制作 ............................................................................................. 46
4.1.2 表頭的設(shè)置 ..................................................................................................... 49
4.2 表格的高級應(yīng)用 ......................................................................................................... 51
4.2.1 表格的樣式 ..................................................................................................... 51
4.2.2 表格的合并 ..................................................................................................... 53
4.2.3 表格的分組 ..................................................................................................... 55
4.3 ＜div＞ 標(biāo)簽 ................................................................................................................... 57
4.3.1 ＜div＞ 標(biāo)簽的介紹 ........................................................................................... 57
4.3.2 ＜div＞ 標(biāo)簽的應(yīng)用 ........................................................................................... 58
4.4 ＜span＞ 標(biāo)簽 ................................................................................................................. 60
4.4.1 ＜span＞ 標(biāo)簽的介紹 ........................................................................................ 60
4.4.2 ＜span＞ 標(biāo)簽的應(yīng)用 ........................................................................................ 61
第 5 章 列表 ..................................................................................................................63
5.1 列表的標(biāo)簽 ................................................................................................................. 63
5.2 無序列表 ..................................................................................................................... 64
5.2.1 無序列表標(biāo)簽 ................................................................................................. 64
5.2.2 無序列表屬性 ................................................................................................ 65
5.3 有序列表 ..................................................................................................................... 67
5.3.1 有序列表標(biāo)簽 ................................................................................................. 67
5.3.2 有序列表屬性 ................................................................................................. 68
5.4 列表的嵌套 ......................