最新HTML & CSS & JavaScript标准教程【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

最新HTML & CSS & JavaScript标准教程PDF格式电子书版下载

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

HTML篇12

01 HTML基础知识12

1.1什么是HTML12

1.2 HTML的基本结构12

1.2.1 HTML文件结构12

1.2.2编写HTML文件时的注意事项13

1.3 HTML文件编写方法13

1.3.1使用记事本手工编写HTML页面14

1.3.2使用Dreamweaver编写HTML页面14

1.4 HTML页面主体标签〈body〉15

1.4.1设置网页背景色（bgcolor）15

1.4.2设置背景图片（background）16

1.4.3设置文本颜色（text）16

1.4.4设置链接文本属性（link）17

1.4.5设置边距（margin）19

1.5综合实训——创建最基本的HTML文件20

1.6本章小结21

1.7代码练习21

1.7.1使用记事本编写HTML代码21

1.7.2创建最基本的HTML网页21

1.8行业链接知识21

02 HTML网页中的文字、段落和列表22

2.1插入特殊字符22

2.1.1空格符号22

2.1.2特殊符号23

2.2设置文字的属性23

2.2.1文字标签〈font〉24

2.2.2代码演练——设置丰富多彩的文本网页24

2.3设置段落的格式26

2.3.1段落格式标签26

2.3.2代码演练——设置文本的段落格式26

2.4插入水平线27

2.4.1水平线标签〈hr〉及属性27

2.4.2代码演练——在网页中插入多彩的水平线28

2.5创建无序列表29

2.5.1无序列表标签〈ul〉29

2.5.2无序列表的类型（type）30

2.5.3定义列表标签〈dl〉31

2.5.4菜单列表标签〈menu〉32

2.5.5目录列表标签〈dir〉33

2.6创建有序列表34

2.6.1有序列表标签〈ol〉34

2.6.2有序列表的类型（type）34

2.6.3有序列表的起始数值（start）35

2.6.4代码演练——在网页中插入列表36

2.7综合实训——设置页面文本及段落37

2.8本章小结39

2.9代码练习39

2.9.1插入丰富多彩的文本39

2.9.2使用列表排段落39

2.10行业链接知识39

03 图片及多媒体文件的使用40

3.1图像标签及属性40

3.1.1图像标签〈img〉40

3.1.2设置图像高度（height）41

3.1.3设置图像宽度（width）41

3.1.4设置图像边框（border）42

3.1.5设置图像水平间距（hspace）42

3.1.6设置图像垂直间距（vspace）43

3.1.7设置图像相对于文字的对齐方式（align）43

3.1.8设置图像替代文字（alt）44

3.1.9代码演练——在网页中插入图像45

3.2添加背景音乐46

3.2.1背景音乐标签〈bgsound〉46

3.2.2设置循环播放次数（loop）47

3.3多媒体文件标签〈embed〉47

3.4设置滚动效果标签〈marquee〉48

3.4.1 〈marquee〉标签及其属性48

3.4.2代码演练——在网页中插入滚动公告49

3.5综合实训——创建丰富的图像和多媒体网页51

3.6本章小结53

3.7代码练习53

3.7.1为网页添加图像53

3.7.2插入滚动效果53

3.8行业链接知识53

04 HTML超链接和表单54

4.1超链接的基本概念54

4.2创建基本超链接54

4.2.1超链接标签54

4.2.2设置目标窗口55

4.3创建图像的超链接56

4.3.1设置图像超链接56

4.3.2设置图像热区链接57

4.4创建锚点链接58

4.4.1创建锚点58

4.4.2代码演练——创建链接到页面不同位置的锚点58

4.5插入表单〈form〉60

4.5.1处理程序（action）60

4.5.2表单名称（name）61

4.5.3传送方法（method）61

4.5.4编码方式（enctype）62

4.5.5目标显示方式（target）63

4.5.6代码演练——制作注册表单完整页面63

4.6综合实训——插入不同类型的链接66

4.7本章小结68

4.8代码练习68

4.8.1插入表单对象68

4.8.2给网页添加链接68

4.9行业链接知识68

05 创建框架结构网页69

5.1窗口框架简介69

5.2设置框架集标签〈frameset〉属性69

5.2.1水平分割窗口（rows）69

5.2.2垂直分割窗口（cols）70

5.2.3嵌套分割窗口71

5.2.4设置边框（frameborder）71

5.2.5框架的边框宽度（framespacing）72

5.2.6框架的边框颜色（bordercolor）73

5.3设置框架标签（frame）属性74

5.3.1框架页面源文件（src）74

5.3.2框架名称（name）74

5.3.3禁止调整框架窗口尺寸（noresize）75

5.3.4框架边框与页面内容的水平边距（marg inwidth）76

5.3.5框架边框与页面内容的垂直边距（marginheight）76

5.3.6设置框架滚动条显示（scrolling）77

5.3.7不支持框架标签（noframes）78

5.3.8代码演练——创建框架页面78

5.4设置框架中的链接79

5.4.1代码演练——设置普通框架结构的链接79

5.4.2代码演练——设置浮动框架的链接80

5.5综合实训——创建上方固定左侧嵌套的框架网页81

5.6本章小结83

5.7代码练习83

5.7.1创建框架网页83

5.7.2插入浮动框架83

06 使用表格84

6.1创建并设置表格属性84

6.1.1表格基本标签〈table〉、〈tr〉和〈td〉84

6.1.2表格宽度和高度（width和height）85

6.1.3表格标题〈caption〉86

6.1.4表格表头〈th〉87

6.1.5表格对齐方式（align）87

6.1.6表格边框宽度（border）88

6.1.7表格边框颜色（bordercolor）89

6.1.8单元格间距（cellspacing）89

6.1.9表格内文字与边框距离（cellpadding）90

6.1.10表格背景色（bgcolor）91

6.1.11表格背景图像（background）92

6.1.12代码演练——创建表格排列数据92

6.2调整表格属性94

6.2.1表格的行属性〈tr〉94

6.2.2单元格属性〈td〉95

6.2.3代码演练——设置表格属性95

6.3表格的结构标签96

6.3.1设计表头样式〈thead〉97

6.3.2设计表主体样式〈tbody〉97

6.3.3设计表尾样式〈tfoot〉98

6.4综合实训——使用表格排版网页99

6.5本章小结100

6.6代码练习101

6.6.1插入表格101

6.6.2设置表格的属性101

6.7行业链接知识101

07 使用XHTML102

7.1 XHTML简介102

7.1.1什么是XHTML102

7.1.2为什么要升级到XHTML102

7.2 XHTML页面基本结构103

7.3 XHTML语法规范104

7.4代码演练——在Dreamweaver中创建XHTML网页106

7.5综合实训——将现有的HTML网站类型转换成XHTML108

7.6本章小结110

7.7代码练习110

7.7.1在软件中编写XHTML110

7.7.2将网页转换成XHTML110

CSS篇112

08 CSS入门基础知识112

8.1 CSS基础112

8.1.1 CSS基本概念112

8.1.2 CSS的优点112

8.2在网页中添加CSS113

8.2.1添加CSS的优势113

8.2.2代码演练——编写CSS113

8.3使用CSS115

8.3.1 CSS的基本语法结构115

8.3.2在网页中添加CSS的方法116

8.3.3代码演练——以链接外部样式表方式添加CSS117

8.4综合实训——给网页添加CSS119

8.5本章小结122

8.6代码练习122

8.6.1设置链接文本的CSS122

8.6.2设置背景颜色122

8.7行业链接知识122

09 CSS样式表语法基础123

9.1设置字体属性123

9.1.1设置字体（font-family）123

9.1.2设置字号（font-size）124

9.1.3设置字体风格（font-style）125

9.1.4设置加粗字体（font-weight）125

9.1.5设置变体属性（font-variant）126

9.1.6设置文字修饰（text-decoration）127

9.1.7代码演练——设置字体的复合属性128

9.2设置段落属性129

9.2.1段落属性标签129

9.2.2代码演练——设置文本段落的属性130

9.3设置背景和颜色属性132

9.3.1背景属性132

9.3.2代码演练——设置背景复合属性132

9.4设置定位属性134

9.4.1定位类型（position）134

9.4.2元素位置（top，right，bottom和left）134

9.4.3清除属性（clear）135

9.4.4裁切区域（clip）136

9.4.5设置宽度和高度（width和height）136

9.4.6溢出（overflow）137

9.4.7可见性（visibility）138

9.5设置列表属性139

9.5.1列表类型（list-style-type）139

9.5.2项目符号图像（list-style-image）139

9.5.3列表位置（list-style-position）140

9.5.4列表复合属性（list-style）141

9.6设置边框属性141

9.6.1边框样式（border-style）142

9.6.2边框宽度（border-width）143

9.6.3边框颜色（border-color）143

9.6.4代码演练——设置边框属性144

9.7扩展滤镜属性146

9.7.1不透明度（alpha）146

9.7.2动感模糊（blur）147

9.7.3对颜色进行透明处理（chroma）148

9.7.4设置阴影（dropShadow）149

9.7.5对象的翻转（flipH和flipv）150

9.7.6光晕效果（glow）150

9.7.7灰度处理（gray）151

9.7.8反相（invert）152

9.7.9 X光片效果（Xray）152

9.7.10遮罩效果（mask）153

9.7.11波形滤镜（wave）154

9.8综合实训——利用CSS控制网页中的文本155

9.9本章小结156

9.10代码练习156

9.10.1利用CSS设置文本属性156

9.10.2利用CSS创建特效文字156

9.11行业链接知识156

10 CSS+Div布局定位基础157

10.1 Div标签与Span标签157

10.1.1 Div概述157

10.1.2 Div与Span的区别158

10.2盒子模型159

10.2.1盒子模型的概念159

10.2.2 border（边框）160

10.2.3 padding（填充）163

10.2.4 margin（边距）164

10.3元素的定位方式166

10.3.1 float定位166

10.3.2 position定位167

10.3.3 z-index空间位置171

10.4 CSS布局理念172

10.4.1将页面用Div分块172

10.4.2设计各块的位置173

10.4.3用CSS定位173

10.5代码演练——常见的布局类型175

10.5.1一列固定宽度175

10.5.2一列自适应宽度176

10.5.3两列固定宽度177

10.5.4两列自适应宽度178

10.5.5两列右列自适应宽度179

10.5.6三列浮动中间自适应宽度180

10.5.7三行二列居中自适应高度181

10.6综合实训——利用CSS布局网页183

10.7本章小结186

10.8代码练习187

10.8.1两列固定宽度布局网页187

10.8.2利用CSS布局网页187

10.9行业链接知识187

JavaScript篇190

11 JavaScript语法基础190

11.1JavaScript背景知识190

11.1.1 JavaScript的历史190

11.1.2 JavaScript的特点190

11.2 JavaScript描述方法191

11.2.1 〈script〉标签使用方法191

11.2.2外部调用文件191

11.2.3内嵌HTML标签中192

11.2.4代码演练——编写第一个JavaScript程序192

11.3 JavaScript运算符193

11.3.1算术运算符193

11.3.2逻辑运算符194

11.3.3比较运算符194

11.4 JavaScript程序语句194

11.4.1代码演练——使用if语句194

11.4.2代码演练——使用for语句196

11.4.3代码演练——使用switch语句197

11.4.4代码演练——使用while语句199

11.5综合实训——制作倒计时特效201

11.6本章小结202

11.7代码练习202

11.7.1顺序输出1～100的整数202

11.7.2制作提示闹钟202

12 JavaScript中的事件203

12.1事件概述203

12.2事件分析204

12.2.1 Click事件204

12.2.2 Change事件205

12.2.3 Select事件205

12.2.4 Focus事件206

12.2.5 Load事件207

12.2.6 Unload事件208

12.2.7 Mouseover与Mouseout事件209

12.2.8 Blur事件210

12.3其他事件211

12.4综合实训——将事件应用于按钮中212

12.5本章小结213

12.6代码练习214

12.6.1鼠标单击事件214

12.6.2弹出窗口效果214

13 JavaScript中的函数215

13.1什么是函数215

13.2函数的定义215

13.2.1函数的普通定义方式215

13.2.2函数的变量定义方式216

13.2.3函数的指针调用方式217

13.2.4函数的参数219

13.3函数的返回类型219

13.3.1值类型219

13.3.2引用类型220

13.3.3返回函数220

13.4函数的分类221

13.4.1构造函数221

13.4.2有返回值的函数221

13.4.3无返回值的函数222

13.5函数的作用域222

13.5.1公有函数222

13.5.2私有函数222

13.6函数的嵌套223

13.7综合实训——JavaScript函数应用实例224

13.8本章小结226

13.9代码练习226

13.9.1显示当前日期226

13.9.2定时关闭窗口226

13.10行业链接知识226

14 使用JavaScript中的不同对象227

14.1 JavaScript象基础227

14.1.1声明和实例化227

14.1.2对象的引用228

14.1.3对象的废除229

14.1.4对象的绑定230

14.2浏览器对象230

14.2.1 navigator对象230

14.2.2 window对象231

14.2.3 location对象233

14.2.4 history对象235

14.2.5 document对象235

14.3内置对象238

14.3.1时间对象（date）238

14.3.2数学对象（math）240

14.3.3字符串对象（string）242

14.3.4数组对象（Array）244

14.4综合实训——改变网页背景颜色和文字颜色246

14.5本章小结248

14.6代码练习248

14.6.1随机显示文字248

14.6.2在标题栏显示滚动信息248

14.7行业链接知识248

15 利用JavaScript制作特效网页实例249

15.1时间特效249

15.1.1代码演练——显示当前时间249

15.1.2代码演练——显示当前日期250

15.1.3代码演练——显示网页停留时间252

15.2图像特效253

15.2.1代码演练——当鼠标指针经过图像时图像震动效果253

15.2.2代码演练——图片闪烁效果254

15.2.3代码演练——自动切换图像255

15.3窗口特效257

15.3.1代码演练——全屏显示窗口257

15.3.2代码演练——定时关闭窗口258

15.4鼠标特效259

15.4.1代码演练——禁止鼠标右击259

15.4.2代码演练——图片跟随鼠标特效261

15.4.3代码演练——跟随鼠标的文字262

15.5其他特效263

15.5.1代码演练——设置为首页和加入收藏夹263

15.5.2代码演练——检测表单数据264

15.5.3代码演练——禁止保存网页266

15.6本章小结267

15.7代码练习267

15.7.1制作倒计时特效267

15.7.2自动弹出提示信息特效267

15.8行业链接知识268

综合篇270

16 Ajax技术270

16.1 Ajax概述270

16.1.1 Ajax含义270

16.1.2 Ajax技术原理270

16.1.3 Ajax技术的优缺点271

16.2 Ajax的组成272

16.2.1 Ajax中的JavaScript272

16.2.2 Ajax中的XMLHttpRequest272

16.2.3 Ajax中的CSS273

16.2.4 Ajax中的DOM273

16.2.5 Ajax中的XML273

16.3 XMLHttpRequest对象创建274

16.4实现Ajax275

16.4.1创建HTTP请求275

16.4.2设置响应HTTP请求状态变化的函数276

16.4.3设置获取服务器返回数据的语句277

16.4.4发送HTTP请求277

16.5综合实训——使用Ajax读取HTML文件278

16.6本章小结279

17 制作房地产企业网站280

17.1行业应用指南280

17.1.1房地产类网站建设目的280

17.1.2房地产网站分类280

17.1.3房地产网站的特点281

17.1.4房地产网站色彩搭配与结构设计282

17.2网站整体规划282

17.2.1网站结构规划282

17.2.2页面结构布局283

17.3页面效果图283

17.4设计网站主页284

17.4.1用CSS设置网页整体外观284

17.4.2制作#header部分285

17.4.3制作滚动公告288

17.4.4制作botBody正文部分289

17.4.5制作highlight部分294

17.4.6制作footerbig部分295

17.5本章小结297

17.6代码练习——设计房地产公司主页297

18 制作游戏网站298

18.1行业应用指南298

18.1.1游戏网站的分类298

18.1.2网络游戏的特点299

18.1.3色彩搭配与风格设计299

18.2网站整体规划300

18.2.1网站结构规划300

18.2.2页面结构布局300

18.3页面效果图301

18.4布局设计302

18.4.1整体样式设计302

18.4.2页头部分303

18.4.3内容部分304

18.4.4页脚部分311

18.5 JavaScript制作图片循环隐现效果312

18.6本章小结313

18.7代码练习——设计综合游戏类网站页面313

19 制作购物网站314

19.1行业应用指南314

19.1.1购物网站分类314

19.1.2购物网站特点分析315

19.1.3购物网站主要栏目和功能316

19.1.4购物网站色彩搭配与结构设计318

19.2网站整体规划318

19.2.1购物网站流程318

19.2.2页面结构布局319

19.3页面效果图320

19.4制作网站页面320

19.4.1制作头部文件321

19.4.2制作登录区321

19.4.3制作产品分类区324

19.4.4制作联系信息区326

19.4.5制作广告图片327

19.4.6制作搜索引擎328

19.4.7使用Flash和XML制作翻页图片329

19.4.8制作商品展示区330

19.4.9制作底部版权文件332

19.5本章小结332

19.6代码练习——设计美食、鲜花和礼品销售网站332