HTML代码效果对比学习PDF电子书下载

Chapter 1　HTML语言基础 2

什么是HTML 2

HTML文件基本结构 2

实例：页面基本结构 3

编写HTML 4

使用记事本编写 4

实例：使用记事本编写HTML页面 4

使用Dreamweaver制作页面 5

实例：使用Dreamweaver制作页面 5

Chapter 2　HTML顶级元素 8

HTML页面的必备要素 8

HTML页面整体属性 8

设置页面背景 9

实例：设置页面背景颜色 9

实例：设置页面背景图像 9

实例：设置页面背景图像固定 10

设置页面前景 11

实例：设置文字颜色 11

实例：设置默认链接文字颜色 12

实例：设置处于激活状态的链接文字颜色 12

实例：设置访问过后的链接文字颜色 13

设置页面边距 14

实例：设置页面边距 14

使用Dreamweaver进行整体属性设置 15

实例：设置页面属性 15

Chapter 3　HTML头部信息 18

设置页面标题 18

标题设置方法 18

实例：在浏览器中显示标题 18

设置元信息 19

使用Meta定制Name信息 19

实例：设置页面关键字 20

实例：设置页面描述 20

实例：设置页面作者 21

使用Meta定制Http-equiv信息 21

实例：设置页面字符集 21

实例：设置页面刷新 22

实例：设置页面跳转 23

使用Dreamweaver设置页面标题 24

Dreamweaver中的标题设置 24

实例：设置标题 24

在Dreamweaver中设置Meta的Name信息 25

实例：设置关键字 25

实例：设置描述 26

实例：设置作者 26

在Dreamweaver中设置Meta的Http-equiv 27

实例：设置字符集 27

实例：设置刷新 28

实例：设置跳转 29

Chapter 4　HTML文字格式化 32

输入文字 32

页面中的普通文字 32

实例：输入普通文字 32

页面中的空格 33

实例：输入空格 33

页面中的特殊符号 34

实例：输入特殊符号 34

文字格式化 35

格式化字体 35

实例：设置字体 35

格式化字号 36

实例：设置字号 36

格式化文字颜色 37

实例：设置文字颜色 37

文字的修饰 38

粗体文字 38

实例：设置粗体文字 38

斜体文字 39

实例：设置斜体文字 39

文字下划线 40

实例：设置文字下划线 40

标题字 41

标题文字 41

实例：设置标题字 41

标题文字的对齐 42

实例：设置标题字的对齐 42

使用Dreamweaver进行文字设置 43

Dreamweaver中的空格设置 44

实例：输入空格 44

在Dreamweaver中输入特殊符号 45

实例：输入特殊符号 45

Dreamweaver中的文字格式化 46

实例：文字格式化 46

Dreamweaver中的文字修饰 47

实例：文字修饰 47

Dreamweaver中的标题字 49

实例：标题字 49

Chapter 5　段落、水平线和列表 52

段落 52

段落分块 52

实例：使用分块 53

行内样式定义 53

实例：使用行内样式定义 54

分段 54

实例：使用分段 55

分行 56

实例：使用分行 56

居中对齐 57

实例：使用居中对齐 57

缩排 58

实例：使用缩排 58

预格式化 59

实例：使用预格式化 59

水平线 60

水平线 60

实例：插入水平线 60

水平线属性 61

实例：设置水平线属性 62

列表 63

无序列表 63

实例：设置无序列表 63

实例：设置无序列表的属性 64

目录列表 65

实例：设置目录列表 65

菜单列表 66

实例：设置菜单列表 66

定义列表 67

实例：设置定义列表 67

有序列表 68

实例：设置有序列表 68

实例：设置有序列表类型 69

实例：设置有序列表起始数字 70

使用Dreamweaver进行段落、水平线和列表设置 71

Dreamweaver中的段落设置 71

实例：设置div分块 71

实例：设置行内样式定义 72

实例：设置分段和换行 73

实例：设置缩排 74

实例：设置预格式化 75

Dreamweaver中的水平线设置 76

实例：插入并设置水平线 76

Dreamweaver中的列表 77

实例：插入并设置列表 77

Chapter 6　在页面中插入图片 82

插入图片 82

〈img〉标签 82

实例：在页面中插入图片 82

〈img〉标签的属性 83

实例：给图片设置提示文字 83

实例：设置图片大小 84

实例：给图片设置边框 85

实例：设置低分辨图像 86

实例：设置图文混排 87

实例：给图片设置边距 88

使用Dreamweaver插入图片 88

在Dreamweaver中插入图片 88

实例：插入图片 88

在Dreamweaver中设置图片属性 90

实例：设置图片属性 90

Chapter 7　网页中的超级链接 94

制作普通链接 94

链接的基本使用 94

实例：制作外部链接 94

实例：制作内部链接 95

实例：制作邮件链接 96

实例：制作下载文件链接 97

实例：制作脚本链接 98

链接的其他属性 99

实例：在新窗口中打开链接 100

实例：设置链接提示文字 100

制作锚点链接 101

实例：制作同页面锚点链接 102

实例：制作不同页面锚点链接 103

制作图像映射 104

实例：制作图像映射 105

使用Dreamweaver制作链接 106

Dreamweaver中的普通链接 107

实例：制作外部链接 107

实例：制作内部链接 108

实例：制作邮件链接 109

实例：制作下载文件链接 110

实例：制作脚本链接 111

Dreamweaver中的锚点链接 111

实例：制作同页面锚点链接 111

实例：制作不同页面锚点链接 113

Dreamweaver中的图像映射 114

实例：制作图像映射 114

Chapter 8　HTML表单元素 118

页面中的表单 118

制作表单 118

实例：制作表单 119

表单中的元素 120

制作输入元素 120

实例：制作单行文字域 120

实例：制作密码域 122

实例：制作文件域 123

实例：制作复选框 124

实例：制作单选按钮 125

实例：制作普通按钮 126

实例：制作提交按钮 127

实例：制作重置按钮 128

实例：制作图像提交按钮 129

实例：制作隐藏域 130

制作菜单、子菜单和列表元素 130

实例：制作菜单 131

实例：制作列表 132

实例：制作子菜单 133

制作多行文本域 134

实例：制作多行文本域 135

表单中的元素分组 136

制作标签 136

实例：制作标签 136

制作区域分组 137

实例：制作分组表单 138

使用Dreamweaver制作表单 139

Dreamweaver中的表单 139

实例：插入表单 139

Dreamweaver中的表单输入元素 141

实例：插入单行文本框 141

实例：插入密码框 142

实例：插入文件域 143

实例：插入复选框 145

实例：插入单选按钮 146

实例：插入按钮 147

实例：插入图像域 149

实例：插入隐藏域 150

Dreamweaver中的菜单或列表元素 151

实例：插入菜单或列表 151

Dreamweaver中的多行文本域元素 154

实例：插入多行文本域 154

Dreamweaver中的表单分组元素 155

实例：给表单添加标签 155

实例：设置表单分组效果 157

Chapter 9　页面中的多媒体 162

设置滚动字幕 162

滚动效果 162

实例：制作滚动文字 162

〈marquee〉标签的属性 163

实例：不同方向的滚动文字 163

实例：不同方式的滚动文字 164

实例：调整滚动文字的速度 165

实例：调整滚动文字的延迟时间 166

实例：设置滚动文字的背景 167

实例：设置滚动文字的滚动范围 168

实例：设置滚动文字的间距 169

实例：设置滚动文字的循环次数 170

在页面中添加音频和视频 171

页面中的背景音乐 171

实例：设置页面的背景音乐 172

嵌入音频和视频 172

实例：在页面中嵌入视频 173

网页中的Flash动画 174

实例：嵌入Flash动画 175

网页中的Java特效 176

实例：嵌入Java特效 176

网页中的JavaScript脚本 177

实例：使用内联JavaScript脚本 178

实例：使用外部JavaScript脚本 179

网页中的CSS样式表 179

链接外部样式 179

实例：使用外部CSS样式表 180

使用文档样式 181

实例：使用文档CSS样式 181

使用Dreamweaver添加多媒体内容 182

在Dreamweaver中嵌入音频和视频 182

实例：在页面中嵌入音频和视频 182

在Dreamweaver中插入Flash动画 184

实例：在页面中插入Flash动画 184

在Dreamweaver中插入Java特效 185

实例：在页面中插入Java特效 185

在Dreamweaver中插入JavaScript脚本 186

实例：在页面中插入JavaScript脚本 186

在Dreamweaver中插入CSS 187

实例：链接外部CSS 187

实例：使用文档CSS 189

Chapter 10　页面中的表格 192

表格的结构 192

基本的表格 192

实例：制作基本表格 192

带表头的表格 193

实例：制作表格的表头 194

带标题的表格 195

实例：带标题的表格 196

表格的结构分组 197

表格的表头 197

实例：制作表格的表头 197

表格的主体 198

实例：制作表格的表主体 198

表格的脚注 199

实例：制作表格的表脚注 199

表格的属性 200

表格属性 200

实例：表格的边框 201

实例：表格的宽度和高度 201

实例：表格的边框颜色 202

实例：表格的亮暗边框颜色 203

实例：表格的背景颜色 204

实例：表格的背景图像 204

实例：表格的单元格间距 205

实例：表格的单元格边距 206

实例：表格的排列方式 207

实例：表格的边框形式 208

实例：表格的内边框形式 209

行属性 209

实例：表格内行的垂直对齐方式 210

单元格、表头属性 211

实例：表格内单元格跨行 211

实例：表格内单元格跨列 212

表格标题属性 213

使用Dreamweaver制作表格 214

实例：在Dreamweaver中制作表格 214

Chapter 11　使用框架结构 218

框架的结构 218

建立框架 218

实例：制作横向框架 219

实例：制作纵向框架 219

实例：制作嵌套框架 220

无框架页面 221

实例：制作无框架页面 221

框架的属性 222

框架集属性 222

实例：设置框架集边框颜色 222

实例：设置框架集有无边框 223

实例：设置框架集边框宽度 224

框架属性 225

实例：设置禁止改变框架大小 225

实例：设置框架边缘宽度和高度 226

实例：设置框架滚动条 226

实例：设置框架链接 227

浮动框架 228

浮动框架结构 229

实例：设置浮动框架结构 229

浮动框架属性 230

实例：设置浮动框架 230

使用Dreamweaver搭建框架 231

Dreamweaver中的框架结构 231

实例：搭建框架 231

实例：设置无框架内容 233

Dreamweaver中的框架属性 234

实例：设置框架属性 234

Dreamweaver中的浮动框架 235

实例：搭建浮动框架 235