这是一本讲解HTML、CSS、JavaScript 最基本语法的书，可作为网页製作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。

《HTML/CSS/JavaScript标準教程实例版（第5版）》以“ 讲清语法、学以致用”为指导思想，不仅仅局限于语法讲解，还通过一个个鲜活、典型的小实例来达到学以致用的目的。从《HTML/CSS/JavaScript标準教程实例版（第5版）》的目录可见一斑，每个语法都有相应的实例，每章后面又配有综合小实例。配书光碟包括PPT 课件、上机手册、习题参考答案和源档案，方便读者使用。第5 版以实际套用为导向，摒弃过时代码，修漏补遗，并增加了移动网站开发的内容。附录中增加了HTML5 的介绍，更全面实用。

这是一本讲解HTML、CSS、JavaScript 最基本语法的书，可作为网页製作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。

《HTML/CSS/JavaScript标準教程实例版（第5版）》以“ 讲清语法、学以致用”为指导思想，不仅仅局限于语法讲解，还通过一个个鲜活、典型的小实例来达到学以致用的目的。从《HTML/CSS/JavaScript标準教程实例版（第5版）》的目录可见一斑，每个语法都有相应的实例，每章后面又配有综合小实例。配书光碟包括PPT 课件、上机手册、习题参考答案和源档案，方便读者使用。第5 版以实际套用为导向，摒弃过时代码，修漏补遗，并增加了移动网站开发的内容。附录中增加了HTML5 的介绍，更全面实用。

第1章 HTML、CSS、JavaScript综述

1.1 这就是HTML、CSS、JavaScript的代码

1.2 HTML、CSS、JavaScript各自的角色

1.3 如何学习HTML、CSS、JavaScript

1.4 小实例——HTML、CSS、JavaScript的综合套用

1.5 总结

1.6 习题

第2章 HTML基础介绍

2.1 HTML文档的结构

2.2 HTML基本语法

2.3 HTML档案的命名

2.4 编写HTML档案的注意事项

2.5 小实例——插入图片与表格

2.6 习题

第3章 HTML档案的整体结构

3.1 档案头部内容

3.2 主体内容

3.3 习题

第4章文字与段落

4.1 编辑内容

4.2 文字效果

4.3 文字修饰

4.4 段落

4.5 小实例——文字网页

4.6 习题

第5章建立和使用列表

5.1 列表类型

5.2 嵌套列表

5.3 小实例——列表在网页中的使用

5.4 习题

第6章超连结

6.1 超连结概述

6.2 超连结的路径

6.3 超连结的建立

6.4 设定图像映射

6.5 小实例——超连结的使用

6.6 习题

第7章表格的套用

7.1 表格概述

7.2 插入表格

7.3 设定表格标记属性

7.4 设定表格行与单元格

7.5 表格嵌套

7.6 小实例——表格在网页中的套用

7.7 习题

第8章层的套用

8.1 图层的创建——

8.2 创建嵌套图层

8.3 层的属性设定

8.4 小实例——图层的实际套用

8.5 习题

第9章框架的套用

9.1 框架概述

9.2 框架的基本结构

9.3 设定框架

9.4 设定框架集

9.5 浮动框架

9.6 在框架上建立连结

9.7 小实例——框架的实际套用

9.8 习题

第10章表单的套用

10.1 表单概述

10.2 表单标记

10.3 信息输入

10.4 小实例——表单的实际套用

10.5 习题

第11章 CSS样式表基础

11.1 CSS的概述

11.2 CSS的使用

11.3 插入CSS样式表

11.4 编写CSS档案

11.5 习题

第12章字型的设定

12.1 设定字型——font-family

12.2 设定字号——font-size

12.3 设定字型样式——font-style

12.4 设定字型加粗——font-weight

12.5 设定字型变体——font-variant

12.6 组合设定字型属性——font

12.7 小实例——综合设定字型

12.8 习题

第13章文本的精细排版

13.1 调整字元间距——letter-spacing

13.2 调整单词间距——word-spacing

13.3 添加文字修饰——text-decoration

13.4 设定文本排列方式——text-align

13.5 设定段落缩进——text-indent

13.6 调整行高——line-height

13.7 转换英文大小写——text-transform

13.8 小实例——综合套用文本属性

13.9 习题

第14章颜色和背景

14.1 设定颜色——color

14.2 设定背景颜色——background-color

14.3 插入背景图片——background-image

14.4 插入背景附属档案——background-attachment

14.5 设定重複背景图片——background-repeat

14.6 设定背景图片位置——background-position

14.7 小实例——综合设定颜色和背景

14.8 习题

第15章框线和边距

15.1 设计框线样式——border-style

15.2 调整框线宽度——border-width

15.3 设定框线颜色——border-color

15.4 设定框线属性——border

15.5 边距——margin-top /margin-bottom /margin-left/ margin-right/margin

15.6 填充——padding-top/padding- bottom /padding-left / padding- right /padding

15.7 小实例——综合设定框线和边距 1

15.8 习题

第16章 JavaScript基础

16.1 JavaScript语言概况

16.2 第一个JavaScript程式

16.3 习题

第17章 JavaScript基本语法

17.1 基本数据类型

17.2 运算符

17.3 程式结构

17.4 函式

17.5 小实例——修改密码

17.6 习题

第18章 JavaScript事件分析

18.1 事件概述

18.2 主要事件分析

18.3 其他常用事件

18.4 习题

第19章图片和多媒体档案的使用

19.1 图片

19.2 插入多媒体档案——

19.3 习题

第20章 CSS样式的高级套用

20.1 列表

20.2 定位

20.3 CSS层

20.4 滑鼠指针——cursor

20.5 小实例——综合设定层样式

20.6 习题

第21章滤镜特效的套用

21.1 设定透明度——alpha

21.2 添加模糊效果——blur

21.3 设定水平/垂直翻转——fliph/flipv

21.4 设定灰度——

21.5 设定反转——

21.6 设定X射线效果——xray

21.7 设定波浪效果——wave

21.8 设定阴影——dropshadow

21.9 设定边缘光晕效果——glow

21.10 设定遮罩——mask

21.11 设定渐变阴影——shadow

21.12 设定颜色透明——chroma

21.13 小实例——滤镜的综合套用

21.14 习题

第22章 JavaScript对象的套用

22.1 对象概述

22.2 浏览器内部对象

22.3 内置对象和方法

22.4 习题

第23章综合案例

23.1 HTML综合案例

23.2 CSS综合案例

23.3 网站开发流程

23.4 大综合案例

第24章移动网站开发

24.1 移动网站与传统网站的区别

24.2 当前移动网站开发的主要标準

24.3 XHTML MP 语言

24.4 为已有网站增加移动版本

附录A HTML5基本介绍

附录B HTML语法概述

附录C CSS语法概述

附录D JavaScript语法概述

附录E 颜色关键字对照表

习题参考答案

前言

本书适合谁读

这是一本讲解HTML、CSS、JavaScript最基本语法的书，可作为网页製作初学者的入门教程。同时也可为网站建设的专业人士提供一些参考。

本书以“讲清语法、学以致用”为指导思想，不仅仅局限于语法讲解，还通过一个个鲜活、典型的小实例来达到学以致用的目的。从本书的目录可见一斑，每个语法都有相应的实例，每章后面又配有综合小实例。

本书在讲解的过程中，适当採用对比法，比如，在讲到CSS的作用时，笔者给出两个对比图，一个是使用CSS的网页，一个是不使用CSS的网页。通过对比，读者对CSS的作用体会更深。

为什幺要学习HTML、CSS、JavaScript

小猫为什幺要进食、喝水、睡觉？最直接的答案就是为了活着，这是它必须做的。

道理是一样的，如果你想从事网页製作或正在从事网页製作的相关工作，就必须要学习HTML、CSS、JavaScript，哪怕只是简单地了解。因为HTML、CSS、JavaScript是网页製作技术的核心与基础（详见第1章）。

本书的写作原则

讲清楚HTML、CSS、JavaScript各自的角色

锅是用来煮饭的，勺是用来舀汤的，如果你分不清锅和勺各自在烹饪中的角色，用勺来煮饭，后果可想而知。

本书不仅仅局限于对语法的描述，还试图为读者描绘一幅HTML、CSS和JavaScript的角色图。即HTML、CSS和JavaScript三者在网页製作这个大的生态环境中，各自扮演什幺角色。

其中，HTML是网页製作的主要语言（详见第1章），是网页的基础架构；CSS简称样式表，是目前唯一的网页页面排版样式标準，它能使任何浏览器都听从指令，知道该以何种布局、格式显示各种元素及其内容；JavaScript是目前浏览器普遍支持的脚本语言，可开发Internet客户端的应用程式。

笔者认为，了解了这些可以使读者理清思路，避免盲目学习，不然读者在学习的过程中会有一种盲人摸象的感觉。

讲清楚HTML、CSS、JavaScript是如何配合工作的

你是否有过这样的经历，当你把Dreamweaver、Photoshop、Flash各自的功能都掌握了以后，在设计网页的时候，却不知道如何用Photoshop导出符合Dreamweaver的网页图片，Dreamweaver喜欢什幺格式的Flash动画……

问题就在这里，许多技术图书对软体本身讲解甚多，却忽略了软体的配合。本书就是要在讲解HTML、CSS、JavaScript各自语法的同时，讲清楚JavaScript是如何嵌入HTML的，在HTML基础架构中，CSS外部样式是如何被调用的，诸如此类的配合问题。

代码环境——记事本

所见即所得的HTML开发工具，比如Dreamweaver、FrontPage等容易产生废代码，为了排除这些不必要的影响，使读者致力于语法本身，因此本书的所有代码都是在记事本中完成的。

举例儘量简单、典型，以说明问题为主

本书举例依据了简单、典型的原则，以说明问题为主。儘量把那些干扰讲解对象的因素排除在外。

从代码和效果来看，知识讲解非常纯粹，虽然有失美观，但可以排除多余因素的干扰，使读者专注于代码本身。

当然，有时为了例子的需要和视觉上的美观，也可以将上面的例子做成如下表所示的样子。因此，读者在学习本书时要懂得抓住重点。

较好看的效果图：

第5版新增内容

以实际套用为导向，摒弃过时代码，修漏补遗，增加了移动网站开发的内容介绍，更全面实用。

致谢

本书编写的过程是一个不断解决困难的过程，有时举步维艰，有时进展顺畅。幸好有两个好伙伴：黄围围、张慧敏，在本书的编写过程中，他俩是不遗余力，兢兢业业，否则本书不可能成形，再版时又得到了同事石倩、王乐、侯士卿的支持，在此表示由衷的感谢。

写作的过程是艰辛的，完成后是快乐的，快乐的是能为读者提供一些帮助。当然，书中也可能存在一些不足或疏漏，欢迎读者指正。