第1篇 HTML基础知识

第1章 HTML基础

视频讲解：21分钟

1.1 HTML的基本概念

1.2 HTML发展史与HTML5

1.2.1 HTML的发展历史

1.2.2 HTML 4.01和XHTML

1.2.3 从XHTML到HTML5

1.3 迎接新的Web时代

1.3.1 部分代替了原来的

1.3.2 更明确的语义支持

1.3.3 增强了Web应用程序功能

1.3.4 HTML5的目标

1.4 各浏览器对HTML5的支持

1.5 HTML5要解决的3个问题

1.6 HTML的基本结构

1.6.1 HTML文件的编写方法

1.6.2 文件开始标签

1.6.3 文件头部标签

1.6.4 文件标题标签

1.6.5 文件主体标签

1.6.6 编写文件的注意事项

1.7 编写及时个HTML文件

1.7.1 HTML文件的编写方法

1.7.2 手工编写页面

1.7.3 使用可视化软件制作页面

1.7.4 使用浏览器浏览HTML文件

1.7.5 HTML开发的明日图书网

1.8 小结

1.9 习题

第2章 HTML文件基本标记

视频讲解：43分钟

2.1 HTML头部标记

2.2 标题标记

2.3 元信息标记

2.3.1 设置页面关键字

2.3.2 设置页面描述

2.3.3 设置编辑工具

2.3.4 设定作者信息

2.3.5 限制搜索方式

2.3.6 设置网页文字及语言

2.3.7 设置网页的定时跳转

2.3.8 设定有效期限

2.3.9 禁止从缓存中调用

2.3.10 删除过期的cookie

2.3.11 强制打开新窗口

2.3.12 设置网页的过渡效果

2.3.13 设定建立网站的日期

2.3.14 设定网页版权信息

2.3.15 设定联系人的邮箱

2.4 基底网址标记

2.5 页面的主体标记

2.5.1 设置文字颜色—text

2.5.2 背景颜色属性—bgcolor

2.5.3 背景图像属性—background

2.5.4 设置链接文字属性—link

2.5.5 设置边距—margin

2.6 页面的注释标记<！_ _ _ _>

2.7 实例演练—创建基本的HTML网页

2.8 小结

2.9 习题

第3章 设计网页文本内容

视频讲解：29分钟

3.1 标题文字的建立

3.1.1 标题字标记

3.1.2 标题文字的对齐方式—align

3.2 设置文字格式

3.2.1 设置文字字体—face

3.2.2 设置字号—size

3.2.3 设置文字颜色—color

3.2.4 粗体、斜体、下划线—strong、em、u

3.2.5 上标与下标—sup、sub

3.2.6 设置删除线—strike

3.2.7 等宽文字标记—code

3.2.8 空格—

3.2.9 其他特殊符号

3.3 设置段落格式

3.3.1 段落标记—p

3.3.2 取消文字换行标记—nobr

3.3.3 换行标记—br

3.3.4 保留原始排版方式标记—pre

3.3.5 居中对齐标记—center

3.3.6 向右缩进标记—blockquote

3.4 水平线标记

3.4.1 添加水平线—hr

3.4.2 设置水平线宽度与高度属性—width、height

3.4.3 设置水平线的颜色—color

3.4.4 设置水平线的对齐方式—align

3.4.5 去掉水平线阴影—noshade

3.5 其他文字标记

3.5.1 文字标注标记—ruby

3.5.2 声明变量标记—var

3.5.3 忽视HTML标签标记—plaintext、xmp

3.5.4 设置地址文字标记—address

3.6 小结

3.7 习题

第4章 使用列表

视频讲解：32分钟

4.1 列表的标记

4.2 使用无序列表

4.2.1 无序列表标记—ul

4.2.2 设置无序列表的类型—type

4.3 使用有序列表

4.3.1 有序列表标记—ol

4.3.2 有序列表的类型—type

4.3.3 有序列表的起始数值—start

4.4 定义列表标记—dl

4.5 菜单列表标记—menu

4.6 目录列表—dir

4.7 设置列表文字的颜色

4.8 使用嵌套列表

4.8.1 定义列表的嵌套

4.8.2 无序列表和有序列表的嵌套

4.8.3 有序列表之间的嵌套

4.9 小结

4.10 习题

第5章 使用超链接

视频讲解：21分钟

5.1 超链接的基本知识

5.1.1 超链接

5.1.2 路径

5.1.3 相对路径

5.2 超链接的建立

5.2.1 超链接标记的基本语法

5.2.2 建立文本超链接

5.2.3 设置超链接的目标窗口

5.3 内部链接

5.4 书签链接

5.4.1 建立书签

5.4.2 链接到同一页面的书签

5.4.3 链接到不同页面的书签

5.5 外部链接

5.5.1 通过HTTP协议

5.5.2 通过FTP

5.5.3 发送Email

5.5.4 下载文件

5.6 其他链接

5.6.1 脚本链接

5.6.2 空链接

5.7 小结

5.8 习题

第6章 使用图像

视频讲解：33分钟

6.1 图片的基本格式

6.2 添加图像—img

6.3 设置图像属性

6.3.1 图像高度—height

6.3.2 图像宽度—width

6.3.3 图像边框—border

6.3.4 图像水平间距—hspace

6.3.5 图像垂直间距—vspace

6.3.6 图像相对于文字基准线的对齐方式—align

6.3.7 图像的提示文字—title

6.3.8 图像的替换文字—alt

6.4 使用标记插入avi文件

6.4.1 avi的源文件属性dynsrc

6.4.2 设定avi文件循环次数属性loop

6.4.3 设定avi文件播放方式属性start

6.5 图像的超链接

6.5.1 设置图像的超链接

6.5.2 设置图像热区链接

6.6 小结

6.7 习题

第7章 表格的应用

视频讲解：47分钟

7.1 创建表格

7.1.1 表格的基本构成—table、tr、td

7.1.2 设置表格的标题—caption

7.1.3 表格的表头—th

7.2 设置表格基本属性

7.2.1 设置表格宽度—width

7.2.2 设置表格高度—height

7.2.3 设置表格对齐方式—align

7.3 设置表格的边框

7.3.1 表格边框宽度—border

7.3.2 表格边框颜色—bordercolor

7.3.3 内框宽度—cellspacing

7.3.4 表格内文字与边框间距—cellpadding

7.4 设置表格背景

7.4.1 设置表格背景颜色—bgcolor

7.4.2 设置表格的背景图像—background

7.5 设置表格的行属性

7.5.1 高度的控制—height

7.5.2 边框颜色—bordercolor

7.5.3 行背景—bgcolor、background

7.5.4 行文字的水平对齐方式—align

7.5.5 行文字的垂直对齐方式—valign

7.5.6 设置表格标题的垂直对齐方式—align

7.6 调整单元格属性

7.6.1 单元格大小—width、height

7.6.2 水平跨度—colspan

7.6.3 垂直跨度—rowspan

7.6.4 对齐方式—align、valign

7.6.5 设置单元格的背景色

7.6.6 设置单元格的边框颜色—bordercolor

7.6.7 设置单元格的亮边框—bordercolorlight

7.6.8 设置单元格的暗边框—bordercolordark

7.6.9 设置单元格的背景图像—background

7.7 表格的结构

7.7.1 表格的表首标记—thead

7.7.2 表格的表主体标记—tbody

7.7.3 表格的表尾标记—tfoot

7.8 表格的嵌套

7.9 小结

7.10 习题

第8章 层—div标签

视频讲解：32分钟

8.1 层

8.1.1 层的分类

8.1.2 定义数据块

8.2 标签

8.2.1 标签

8.2.2 标签的属性

8.2.3 标签与标签

8.3 标签

8.3.1 标签

8.3.2 标签的属性

8.4 应用DIV制作下拉菜单导航条

8.5 小结

8.6 习题

第9章 编辑表单

视频讲解：26分钟

9.1 使用表单标记—form

9.1.1 处理动作—action

9.1.2 表单名称—name

9.1.3 传送方法—method

9.1.4 编码方式—enctype

9.1.5 目标显示方式—target

9.2 添加控件

9.3 输入类的控件

9.3.1 文字字段—text

9.3.2 密码域—password

9.3.3 单选按钮—radio

9.3.4 复选框—checkbox

9.3.5 普通按钮—button

9.3.6 提交按钮—submit

9.3.7 重置按钮—reset

9.3.8 图像域—image

9.3.9 隐藏域—hidden

9.3.10 文件域—file

9.4 使用label定义标签

9.5 使用button定义按钮

9.6 列表/菜单标记

9.7 文本域标记textarea

9.8 id标记

9.9 在Dreamweaver中快速创建表单

9.10 小结

9.11 习题

第10章 多媒体页面

视频讲解：18分钟

10.1 设置滚动文字

10.1.1 滚动文字标记—marquee

10.1.2 滚动方向属性—direction

10.1.3 滚动方式属性—behavior

10.1.4 滚动速度属性—scrollamount

10.1.5 滚动延迟属性—scrolldelay

10.1.6 滚动循环属性—loop

10.1.7 滚动范围属性—width、height

10.1.8 滚动背景颜色属性—bgcolor

10.1.9 滚动空间属性—hspace、vspace

10.2 添加背景音乐

10.2.1 设置背景音乐—bgsound

10.2.2 设置循环播放次数—loop

10.3 添加多媒体文件

10.3.1 添加多媒体文件标记—embed

10.3.2 设置自动运行—autostart

10.3.3 设置媒体文件的循环播放—loop

10.3.4 隐藏面板—hidden

10.3.5 添加其他类型的媒体文件

10.4 标签

10.4.1 插入音频文件

10.4.2 插入Flash动画

10.4.3 插入背景透明的Flash动画

10.4.4 插入视频文件

10.5 小结

10.6 习题

第2篇 HTML5高级应用

第11章 HTML5的新特性

视频讲解：5分钟

11.1 谁在开发HTML5

11.2 HTML5的新认识

11.2.1 兼容性

11.2.2 实用性和用户优先

11.2.3 化繁为简

11.3 无插件范式

11.4 HTML5的新特性

第12章 HTML5与HTML4的区别

视频讲解：50分钟

12.1 语法的改变

12.1.1 HTML5的语法变化

12.1.2 HTML5中的标记方法

12.1.3 HTML5语法中需要掌握的3个要点

12.1.4 标记示例

12.2 新增的元素和废除的元素

12.2.1 新增的结构元素

12.2.2 新增的块级(block)的语义元素

12.2.3 新增的行内(inline)的语义元素

12.2.4 新增的嵌入多媒体元素与交互性元素

12.2.5 新增的input元素的类型

12.2.6 废除的元素

12.3 新增的属性和废除的属性

12.3.1 新增的属性

12.3.2 废除的属性

12.4 全局属性

12.4.1 contentEditable属性

12.4.2 designMode属性

12.4.3 hidden属性

12.4.4 spellcheck属性

12.4.5 tabindex属性

12.5 小结

12.6 习题

第13章 HTML5的结构

视频讲解：18分钟

13.1 新增的主体结构元素

13.1.1 article元素

13.1.2 section元素

13.1.3 nav元素

13.1.4 aside元素

13.1.5 time元素

13.1.6 pubdate属性

13.2 新增的非主体结构元素

13.2.1 header元素

13.2.2 hgroup元素

13.2.3 footer元素

13.2.4 address元素

13.3 HTML5结构

13.3.1 大纲

13.3.2 对结构元素使用样式

13.3.3 article元素的样式

13.4 小结

13.5 习题

第14章 HTML5中的表单

视频讲解：47分钟

14.1 新增元素与属性

14.1.1 新增的属性

14.1.2 增加与改良的input元素的种类

14.1.3 output元素的添加

14.1.4 应用新增元素制作注册表单

14.2 对表单的验证

14.2.1 自动验证

14.2.2 checkValidity显式验证法

14.2.3 避免验证

14.2.4 使用setCustomValidity方法自定义错误信息

14.3 增加的页面元素

14.3.1 新增的figure元素

14.3.2 新增的details元素

14.3.3 新增的mark元素

14.3.4 新增的progress元素

14.3.5 新增的meter元素

14.3.6 改良的ol列表

14.3.7 改良的dl列表

14.3.8 加以严格限制的cite元素

14.3.9 重新定义的small元素

14.4 小结

14.5 习题

第15章 文件与拖放

视频讲解：40分钟

15.1 选择文件

15.1.1 通过file对象选择文件

15.1.2 使用bIob接口获取文件的类型与大小

15.1.3 通过类型过滤选择的文件

15.2 使用FileReader接口读取文件

15.2.1 检测浏览器对FileReader接口

15.2.2 FileReader接口的方法

15.2.3 使用readAsDataURL方法预览图片

15.2.4 使用readAsText方法读取文本文件

15.2.5 FileReader接口中的事件

15.3 拖