HTML代码效果对比学习2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

Chapter 1　HTML语言基础2

什么是HTML2

HTML文件基本结构2

实例：页面基本结构3

编写HTML4

使用记事本编写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-equiv27

实例：设置字符集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中插入CSS187

实例：链接外部CSS187

实例：使用文档CSS189

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