第1章 html 5基础

1.1 关于HTML

1.1.1 什么是HTML 5

1.1.2 HTML 5的基本结构

实例01+视频：创建HTML页面

1.1.3 HTML 5的标签

实例02+视频：使用标签的方法

1.1.4 HTML 5属性

实例03+视频：使用标签属性的方法

1.1.5 HTML 5事件属性

实例04+视频：使用事件属性的方法

1.1.6 HTML注释标签

实例05+视频：为标签添加注释

1.2 HTML 5与HTML 4的区别

1.2.1 HTML 5的语法变化

1.2.2 HTML 5中的标记方法

1.3 HTML 5新增元素和废除元素

1.3.1 新增的结构元素

实例06+视频：使用新增结构元素制作页面

1.3.2 新增的其他元素

实例07+视频：使用新增的音频标签插入音乐

1.3.3 被废除的元素

1.4 HTML编写方法

1.4.1 使用记事本编写HTML

实例08+视频：使用记事本创建HTML文档

1.4.2 使用Dreamweaver编写HTML文档

1.4.3 元素和属性的大小写规范

1.4.4 断行符与空白字符

1.5 预览测试HTML页面

1.5.1 查看页面效果

1.5.2 查看源代码

1.6 本章小结

第2章 网页基本HTML标签

2.1 使用head头部标签

2.2 使用title标题标签

实例09+视频：定义标题

2.3 使用meta标签

2.3.1 设置页面关键字

实例10+视频：定义搜索引擎关键字

2.3.2 设置页面说明

2.3.3 定义编辑工具

2.3.4 定义作者信息

实例11+视频：定义作者

2.3.5 设置网页内容类型和字符集

2.3.6 设置网页跳转效果

实例12+视频：设置网页定时跳转

2.4 使用body标签定义页面主体

2.4.1 使用bgcolor定义网页背景色

实例13+视频：设置背景颜色

2.4.2 使用background定义网页背景

实例14+视频：设置背景图像

2.4.3 使用text定义文字颜色

实例15+视频：设置文字颜色

2.4.4 使用link实现链接

实例16+视频：设置链接文本的颜色

2.4.5 使用margin定义页面边距

实例17+视频：定义页面边距

2.5 文字与段落标签

2.5.1 在网页中输入文字

实例18+视频：在网页中输入文字

2.5.2 标题字

实例19+视频：使用标题标签

2.5.3 文本基本属性

实例20+视频：使用标签

2.5.4 文本格式化标签

实例21+视频：使用粗体、斜体标签

2.5.5 上标和下标

实例22+视频：使用上标、下标标签

2.5.6 大小字号和下划线

实例23+视频：使用大小字号和下划线

2.6 使用图像

2.6.1 图像的格式

2.6.2 插入图像

实例24+视频：插入图像

2.6.3 图片的大小

实例25+视频：修改图片大小

2.6.4 图像提示文字

实例26+视频：图像提示字

2.6.5 图像的边框

2.6.6 图像的边距

实例27+视频：图像的边框和垂直边距

2.6.7 图像的排列

实例28+视频：网页图文排版

2.6.8 图像的超链接

实例29+视频：创建图像超链接

2.6.9 图像热区链接

实例30+视频：使用图像热区创建链接

2.7 使用列表

2.7.1 有序列表（ol元素）

实例31+视频：定义有序新闻列表

2.7.2 自定义有序列表的序号

实例32+视频：定义新闻列表序号样式

2.7.3 自定义有序列表的起始数

实例33+视频：定义新闻列表的起始数

2.7.4 自定义有序列表的数值

实例34+视频：定义新闻列表数值

2.7.5 无序列表（ul元素）

实例35+视频：制作无序列表

2.7.6 dl定义列表

实例36+视频：使用dl定义网页公告列表

2.7.7 嵌套列表

2.7.8 反转序号值（reversed属性）

2.8 使用表格

2.8.1 表格简介

2.8.2 表格属性

实例37+视频：制作表格

2.8.3 表格样式

实例38+视频：定义表格样式

2.8.4 表格的标题

实例39+视频：定义表格标题

2.8.5 区分单元格

实例40+视频：制作年级成绩排名单1

实例41+视频：制作年级成绩平均分数单

2.8.6 跨多行、多列的单元格

实例42+视频：制作年级成绩平均分数单2

2.9 本章小结

第3章 建立超链接

3.1 链接的基础知识

3.2 定义基本链接

3.2.1 定义链接的目标URL（href属性）

3.2.2 定义链接的目标窗口（target属性）

3.2.3 定义链接的提示信息（title属性）

3.2.4 国际化和链接（hreflang属性）

3.3 链接路径

3.3.1 绝对路径

3.3.2 相对路径

3.4 内部链接

实例43+视频：创建内部链接

3.5 锚点链接

3.5.1 建立锚点

实例44+视频：建立锚点

3.5.2 链接同一页面中的锚点

实例45+视频：建立锚点链接

3.5.3 链接到其他页面中的锚点

实例46+视频：链接到其他页面中的锚点

3.6 外部链接

3.6.1 链接到外部网站

实例47+视频：创建友情链接

3.6.2 链接到FTP

实例48+视频：创建FTP链接

3.6.3 链接到TelNET

3.6.4 下载链接

实例49+视频：下载数据

3.7 本章小结

第4章 使用canvas

4.1 关于canvas元素

4.1.1 canvas的历史

4.1.2 canvas的使用方法

4.2 绘制矩形

实例50+视频：使用canvas绘制矩形

4.3 使用路径

4.3.1 开始和闭合路径

4.3.2 moveTo和lineTo

实例51+视频：使用lineTo绘制图形

4.3.3 arc()方法

实例52+视频：绘制圆形

4.3.4 bezierCurveTo()方法

实例53+视频：绘制心形

4.4 渐变图形

4.4.1 线性渐变

实例54+视频：绘制线性渐变

4.4.2 径向渐变

实例55+视频：绘制径向渐变

4.5 在canvas中绘制图像

4.5.1 图像绘制的基本步骤

实例56+视频：绘制图像（一）

实例57+视频：绘制图像（二）

实例58+视频：绘制图像（三）

4.5.2 图像平铺

实例59+视频：绘制平铺图像

4.5.3 图像裁剪

实例60+视频：裁剪图像

4.5.4 像素处理

实例61+视频：绘制随机像素

4.6 图形的变形

4.6.1 平移

实例62+视频：平移图形

4.6.2 扩大

实例63+视频：扩大图形

4.6.3 旋转

实例64+视频：旋转图形

4.6.4 变形矩阵

实例65+视频：使用矩阵变换

4.7 绘制文本

实例66+视频：绘制文本

4.7.1 对齐方式

4.7.2 基准线

实例67+视频：调整绘制文本

4.8 图形的组合

实例68+视频：组合图形

4.9 绘制阴影

实例69+视频：为图形添加阴影

4.10 绘制动画效果

实例70+视频：使用canvas绘制动画

4.11 保存与恢复绘图状态

4.11.1 保存绘图状态

4.11.2 恢复绘图状态

实例71+视频：使用restore绘制图形

4.12 本章小结

第5章 css基础

5.1 什么是XHTML

5.1.1 为何要升级到XHTML

5.1.2 XHTML的页面结构

5.1.3 XHTML的代码规范

5.1.4 在Dreamweaver中编辑XHTML

实例72+视频：创建XHTML文档

5.1.5 HTML和XHTML的转换

5.2 CSS的概念

5.2.1 CSS的基本语法

5.2.2 CSS的优势

5.2.3 CSS样式的类型

5.3 CSS的分类

5.3.1 内联样式

实例73+视频：设置内联样式

5.3.2 内部样式表

实例74+视频：设置内部样式

5.3.3 外部样式表

实例75+视频：设置外部样式

5.4 CSS文档结构

5.4.1 文档结构

5.4.2 CSS的继承性

5.4.3 CSS的特殊性

5.4.4 CSS的层叠性

5.4.5 CSS的重要性

5.5 CSS选择器

5.5.1 标签选择器

实例76+视频：使用标签选择符

5.5.2 类选择器

实例77+视频：使用类选择符

5.5.3 id选择器

实例78+视频：使用id选择符

5.5.4 通配选择器

实例79+视频：使用通配选择符

5.5.5 组合选择器

5.6 CSS选择器声明

5.6.1 群选择器

5.6.2 派生选择器

5.7 伪类及伪对象

5.8 本章小结 162

第6章 SVG

6.1 SVG的基础概要

6.1.1 为什么要使用SVG

6.1.2 SVG规范

6.1.3 SVG的特征

6.1.4 SVG在浏览器中的显示方法

实例80+视频：将SVG图像链接到HTML文档中

6.2 SVG的语法基础

6.3 绘制SVG基本图形

6.3.1 绘制矩形

实例81+视频：绘制矩形和圆角矩形

6.3.2 绘制圆形

实例82+视频：使用SVG绘制正圆

6.3.3 绘制椭圆

实例83+视频：使用SVG绘制椭圆

6.3.4 绘制直线

实例84+视频：使用SVG绘制直线 171

6.3.5 绘制折线与多角星形

实例85+视频：使用SVG绘制五角星

6.3.6 使用path元素绘制图形

实例86+视频：使用path元素绘制五角星

6.3.7 坐标与编组

实例87+视频：通过g元素对图形进行编组

6.3.8 使用transform属性

实例88+视频：对编组元素进行操作

6.4 绘制文本

实例89+视频：使用SVG绘制文本

实例90+视频：制作波浪纹路径文本

6.5 SVG渐变效果

6.5.1 线性渐变

实例91+视频：制作横向与纵向线性渐变效果

6.5.2 径向渐变

实例92+视频：制作径向渐变效果

6.6 样式单

实例93+视频：使用样式控制绘制元素的外观

6.7 本章小结

第7章 音频和视频

7.1 和的概要

7.2 和的属性

实例94+视频：导入视频

实例95+视频：设置video自动播放

实例96+视频：添加video播放条

实例97+视频：使用poster替换video

7.3 和的方法

7.3.1 play方法

实例98+视频：控制播放audio

7.3.2 pause方法

实例99+视频：设置暂停audio

7.3.3 load方法

7.3.4 canPlayType方法

7.4 和的事件

实例100+视频：设置监听audio

7.5 本章小结

第8章 链入内联框架、对象和其他

多媒体元素

8.1 内联框架（iframe元素）

8.2 iframe元素的属性

8.2.1 src的属性

8.2.2 width和height属性

实例101+视频：创建内联框架

8.2.3 frameborder属性

8.2.4 marginwidth和marginwidht属性

8.2.5 name属性

8.2.6 align属性

8.2.7 scrolling属性

8.3 沙盒安全限制

8.4 使用object元素链入对象

实例102+视频：链入jpg图像

8.4.1 object元素的属性

8.4.2 渲染对象的规则

8.4.3 对象初始化（param元素）

8.4.4 内联数据和外部数据

8.5 使用embed元素链入多媒体对象

8.5.1 设置自动播放

8.5.2 设置循环播放

8.5.3 控制面板的显示

8.5.4 设置开始时间

8.5.5 设置音量大小

8.5.6 设置容器属性

8.5.7 外观设置

8.5.8 设置对象名称和文字说明

8.5.9 设置背景

8.5.10

在现在这个互联网飞速发展的时代，网络已经成为人们生活中不可或缺的一部分，作为更加新颖、全面的技术，HTML 5标准具有巨大的魅力和市场前景。该技术目前已经开始影响我们的生活、工作和学习，相信在不久的将来，HTML 5将会成为业内正式的标准并得到所有人的认可。

在这种形势下，学习并掌握HTML 5无疑成为Web开发者的一项重要任务。

本书内容

全书共分16章，通过结合实例操作，向用户详细而系统地讲解了HTML 5的相关规则和功能，每一个知识点的介绍和实例都讲解得通俗易懂。

第1章介绍了HTML 5的基础知识，包括HTML 5的基本结构、标签属性以及HTML 5的编写方法等。

第2章详细介绍网页的基本标签，其中包括网页头部标签、meta标签、主体标签、文字与段落标签、图像标签以及列表标签等。

第3章介绍超链接的建立方法，包括链接的基础知识、基本链接的定义方法、链接的路径、内部链接、锚点链接以及外部链接等。

第4章介绍canvas的使用方法，其中包括canvas元素的基本概要、绘制矩形的方法、使用路径、绘制渐变图形、绘制图像、图形的变形、绘制文本、图形的组合、绘制阴影、绘制动画效果以及保存与恢复绘图状态等。

第5章主要对CSS进行讲解和应用，其中包括XHTML的介绍、CSS的概念、CSS的分类、CSS文档结构、CSS选择器、CSS选择器声明以及伪类和伪对象等。

第6章主要介绍SVG的使用方法，其中包括SVG的基础概要、SVG的语法基础、绘制SVG基本图形、绘制文本、SVG渐变效果和样式单等。

第7章主要介绍音频和视频在网页中的插入方法，其中包括

第8章主要介绍链入内联框架、对象和其他多媒体元素，其中包括内联框架、iframe元素的属性、沙盒安全限制、使用object元素链入对象和使用embed元素链入多媒体对象等。

第9章介绍表单的使用方法，其中包括表单标签

、插入表单对象、菜单和列表、文本域标签textarea和id标签等。

第10章主要介绍离线网络应用，其中包括文件缓存的实现方法和定义缓存清单文件的方法等。

第11章主要介绍JavaScript脚本基础，其中包括JavaScript简介、JavaScript基本语法、JavaScript事件和浏览器的内部对象等。

第12章通过实例的形式向用户介绍HTML文字特效的制作方法，其中包括彩色文字移动效果、文字滚动效果、文字跟随鼠标效果、文字输入效果、文字替换效果、文字和颜色转换以及文字渐显效果等。

第13章通过实例的形式向用户介绍HTML图片特效的制作方法，其中包括图片放大缩小、图片放大镜效果、图片抖动效果、3D相册特效、滚动的照片写真效果、图片切块换图片效果、鼠标移动时展示大图效果、图片缩放效果、3D效果换图、全屏漂浮的图片效果、图片展示效果、收缩切换图像效果和精致的相册效果等。