HTML/CSS/JavaScript标准教程实例版（第4版）

第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 主体内容＜body＞

　3.3 习题

第4章 文字与段落

　4.1 编辑内容

　4.2 文字效果

　4.3 文字修饰

　4.4 段落＜p＞

　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 插入表格＜table＞

　7.3 设置表格标记属性

　7.4 设置表格行与单元格

　7.5 表格嵌套

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

　7.7 习题

第8章 层的应用

　8.1 图层的创建——＜div＞

　8.2 创建嵌套图层

　8.3 层的属性设置

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

　8.5 习题

第9章 框架的应用

　9.1 框架概述

　9.2 框架的基本结构

　9.3 设置框架

　9.4 设置框架集＜frameset＞

　9.5 浮动框架＜iframe＞

　9.6 在框架上建立链接

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

　9.8 习题

第10章 表单的应用

　10.1 表单概述

　10.2 表单标记＜form＞

　10.3 信息输入＜input＞

　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 小实例——综合设置边框和边距

　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 插入多媒体文件——＜embed＞

　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 设置灰度——＜gray＞

　21.5 设置反转——＜invert＞

　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 XHTML MP语言

　24.2 WML语言

　附录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等容易产生废代码，为了排除这些不必要的影响，使读者致力于语法本身，因此本书的所有代码都是在记事本中完成的。 举例尽量简单、典型，以说明问题为上本书举例依据了简单、典型的原则，以说明问题为上。尽量把那些干扰讲解对象的因素排除在外。 从代码和效果来看，知识讲解非常纯粹，虽然有失美观，但可以排除多余因素的干扰，使读者专注于代码本身。当然，有时为了例子的需要和视觉上的美观，也可以将上面的例子做成如下表所示的样子。因此，读者在学习本书时要懂得抓住重点。较好看的效果图： 第4版新增内容以实际应用为导向，摒弃过时代码，修漏补遗，附录中增加了HTML5的介绍，更全面实用 致谢本书编写的过程是一个不断解决困难的过程，有时举步维艰，有时进展顺畅。幸好有两个好伙伴：黄围围、张慧敏，在本书的编写过程中，他俩是不遗余力，兢兢业业，否则本书不可能成形，再版时又得到了同事石倩、王乐、侯士卿的支持，在此表示由衷的感谢。写作的过程是艰辛的，完成后是快乐的，快乐的是能为读者提供一些帮助。当然，书中也可能存在一些不足或疏漏，欢迎读者指正。邮箱：jsj@phei.com.cn。