Web前端一站式开发手册:HTML5+CSS3+JavaScript

第1章 Web基础知识 001
1.1 Web前端开发 002
1.1.1 什么是前端开发 002
1.1.2 前端开发要学哪些内容 002
1.2 Web工作原理 003
1.2.1 因特网与万维网 003
1.2.2 Web架构 003
1.2.3 协议 004
1.2.4 服务器 005
1.2.5 什么是网页 005
1.2.6 浏览器的工作原理 005
1.2.7 网页与网站的关系 006
1.3 HTML概念与HTML5的联系 006
1.3.1 什么是HTML 006
1.3.2 HTML到XHTML 007
1.3.3 HTML5的发展 008
1.4 HTML文件的基本标记 008
1.4.1 开始标签 009
1.4.2 头部标签 009
1.4.3 标题标签 009
1.4.4 主体标签 010
1.4.5 元信息标签 010
1.4.6 综合实战 制作我的**个网页 011
课后作业 简单网页的制作方法 013

第2章 填充网页内容 015
2.1 网页中文字和段落 016
2.1.1 标题文字 016
课堂练习：制作大小不同的标题 016
2.1.2 文字对齐 017
课堂练习：使用align设置对齐方式 017
2.1.3 文字字体 018
课堂练习：字体的设置 018
2.1.4 段落换行 019
课堂练习：给文字换行 019
2.1.5 字体颜色 020
课堂练习：给文字设置色彩 020
2.1.6 文字的上标和下标 021
课堂练习：制作数学方程式 021
2.1.7 文字删除线 021
课堂练习：删除线的制作 022
2.1.8 文字不换行 022
课堂练习：制作文字不换行效果 022
2.1.9 文字加粗 023
课堂练习：让文字更加突出 023
2.2 网页中的图片样式 024
2.2.1 图片的格式 024
2.2.2 给网页添加图片 025
课堂练习：使用img标签 025
2.2.3 设置图片的大小 026
课堂练习：图片的大小设置 026
2.2.4 图片的边框显示 027
课堂练习：给图片设置边框 027
2.2.5 水平间距 027
课堂练习：设置图片的间距效果 028
2.2.6 提示文字 029
课堂练习：设置图片的提示文字 029
2.2.7 文字替换图片 029
课堂练习：设置图片的替换文字 030
综合实战 定义图片热区 030
课后作业 设置字体和图片样式 032

第3章 表格布局网页 034
3.1 创建表格 035
3.1.1 表格的基本构成 035
3.1.2 表格的标题 035
课堂练习：制作表格的标题 035
3.1.3 表格的表头 037
课堂练习：制作表格的表头 037
3.2 设置表格边框样式 038
3.2.1 给表格设置边框 038
课堂练习：设置表格边框 038
3.2.2 给表格边框设置颜色 039
课堂练习：设置表格边框颜色 040
3.2.3 表格中的单元格间距 041
课堂练习：设置表格单元格间距 041
3.2.4 表格中文字与边框间距 042
课堂练习：在文字和边框之间设置间距 042
3.3 设置表格行内属性 043
3.3.1 行的背景颜色及大小 043
课堂练习：设置行的背景颜色和大小 043
3.3.2 行内文字的对齐方式 045
课堂练习：如何设置行内文字的对齐方式 045
3.4 设置表格的背景 046
3.4.1 表格背景颜色 047
课堂练习：表格整体颜色的设置 047
3.4.2 为表格背景插入图像 048
课堂练习：插入表格的背景图片 048
3.5 设置单元格的样式 049
3.5.1 单元格的大小 049
课堂练习：设置单元格的大小 049
3.5.2 单元格的背景颜色 051
课堂练习：设置单元格的背景颜色 051
3.5.3 单元格的边框属性 052
课堂练习：给单元格边框设置属性 052
3.5.4 合并单元格 053
课堂练习：将多个单元格进行合并 053
综合实战 利用表格制作简单的网页 055
课后作业 制作一张课程表 057

第4章 列表和超链接 059
4.1 使用无序列表 060
4.1.1 ul标签使用方法 060
课堂练习：制作无序列表 060
4.1.2 type无序列表类型 061
课堂练习：制作无序列表类型 061
4.2 使用有序列表 063
4.2.1 ol定义有序列表 063
课堂练习：制作有序列表 063
4.2.2 type有序列表类型 064
课堂练习：设置有序列表类型 064
4.2.3 start有序列表的起始值 065
课堂练习：制作列表的起始值 065
4.2.4 dl定义列表标签 066
课堂练习：制作定义列表 066
4.2.5 menu菜单列表 068
课堂练习：制作菜单列表样式 069
4.2.6 color设置列表文字颜色 069
课堂练习：给列表项目设置颜色 070
4.3 列表的嵌套 070
4.3.1 定义列表的嵌套 070
课堂练习：使用嵌套列表制作诗集 071
4.3.2 无序列表和有序列表的嵌套 072
课堂练习：制作中国历史朝代出现的顺序 072
4.3.3 有序列表之间的嵌套 073
课堂练习：有序列表的嵌套方法 073
4.4 超链接的路径 075
4.4.1 绝对路径 075
4.4.2 相对路径 075
4.5 创建超链接 075
4.5.1 超链接标签的属性 075
4.5.2 内部链接 076
课堂练习：制作网页中的链接方法 076
4.5.3 外部链接 077
课堂练习：链接到外部网页 077
综合实战 制作网站首页菜单 078
课后作业 首页的二级菜单 080

第5章 HTML5常用元素 082
5.1 HTML5新特性 083
5.1.1 HTML5的兼容性 083
5.1.2 HTML5的化繁为简 083
5.1.3 HTML5的通用访问 084
5.1.4 HTML5标准改进 084
5.2 HTML5优势 084
5.2.1 页面的交互性能更强大 085