目录 第1章 HTML5基础 001 1.1 HTML概述 001 1.1.1 什么是HTML 001 1.1.2 HTML的发展历程 002 1.2 HTML5文件的基本结构 002 1.2.1 认识标记 002 1.2.2 认识元素 003 1.2.3 HTML文件结构 003 1.3 HTML5的基本标记 004 1.3.1 文件类型说明 004 1.3.2 文件开始标记<html> 004 1.3.3 文件头部标记<head> 004 1.3.4 文件标题标记<title> 005 1.3.5 元信息标记<meta> 005 1.3.6 网页主体标记<body> 005 1.3.7 页面注释标记<!-- --> 006 1.4 编写我的第一个HTML文件 006 1.4.1 使用“记事本”编写 006 1.4.2 使用WebStorm工具编写 007 1.5 新手疑难问题解答 010 1.6 实战训练 011 第2章 网页中的文本 012 2.1 设置标题格式 012 2.1.1 标题标记 012 2.1.2 标题对齐方式 013 2.2 设置文字格式 014 2.2.1 文字的字体、大小和颜色 014 2.2.2 文字的斜体、下画线和删除线 016 2.2.3 公式的上标和下标 017 2.3 设置段落格式 017 2.3.1 段落标记 017 2.3.2 段落换行标记 018 2.3.3 段落原格式标记 019 2.4 网页的水平线 020 2.4.1 添加水平线 020 2.4.2 设置水平线的样式 020 2.5 新手疑难问题解答 021 2.6 实战训练 021 第3章 图像和超链接 023 3.1 添加图像 023 3.1.1 了解图像格式 023 3.1.2 图像中的路径 024 3.1.3 插入图像 025 3.2 设置图像属性 026 3.2.1 图像的大小与边框 026 3.2.2 图像间距和对齐方式 027 3.2.3 替换文本与提示文字 028 3.3 网页中的超链接 030 3.3.1 文本链接 030 3.3.2 下载链接 031 3.3.3 书签链接 032 3.3.4 电子邮件链接 033 3.4 图像的超链接 034 3.4.1 创建图片链接 034 3.4.2 图像热点链接 035 3.5 新手疑难问题解答 036 3.6 实战训练 037 第4章 CSS3基础入门 038 4.1 CSS概述 038 4.1.1 CSS发展历史 038 4.1.2 CSS语法规则 039 4.1.3 CSS注释方式 039 4.2 HTML5中调用CSS的方法 040 4.2.1 行内样式 040 4.2.2 内嵌样式 041 4.2.3 链接样式 042 4.2.4 导入样式 043 4.3 CSS3中的选择器 044 4.3.1 标记选择器 044 4.3.2 全局选择器 045 4.3.3 类与ID选择器 045 4.3.4 组合选择器 047 4.3.5 属性选择器 048 4.3.6 伪类选择器 049 4.3.7 结构伪类选择器 050 4.3.8 UI元素状态伪类选择器 051 4.4 新手疑难问题解答 052 4.5 实战训练 052 第5章 CSS3常用属性 054 5.1 文本相关属性 054 5.1.1 定义字体类型 054 5.1.2 定义字体大小 055 5.1.3 定义文字的颜色 056 5.1.4 定义文本的水平对齐方式 057 5.2 图片相关属性 058 5.2.1 定义文字环绕图片的样式 058 5.2.2 定义图片与文字的间距 059 5.3 边框相关属性 060 5.3.1 边框样式 060 5.3.2 边框颜色 061 5.3.3 边框线宽 063 5.3.4 边框半径 064 5.4 背景相关属性 067 5.4.1 设置背景颜色 067 5.4.2 设置背景图像 068 5.4.3 平铺背景图像 069 5.4.4 定位背景图像 071 5.4.5 设置背景图像大小 072 5.5 新手疑难问题解答 073 5.6 实战训练 074 第6章 CSS3的高级应用 075 6.1 盒子模型 075 6.1.1 盒子模型的外边距 076 6.1.2 盒子模型的边框 078 6.1.3 盒子模型的内边距 079 6.1.4 盒子模型的高度和宽度 080 6.1.5 盒子模型的相关属性 082 6.2 动画与特效 083 6.2.1 变换动画效果 084 6.2.2 过渡动画效果 086 6.2.3 帧动画效果 088 6.3 新手疑难问题解答 093 6.4 实战训练 093 第7章 设计列表与菜单 094 7.1 认识列表标记 094 7.1.1 无序列表标记 094 7.1.2 有序列表标记 095 7.1.3 自定义列表标记 096 7.1.4 列表的嵌套 098 7.2 使用CSS设计列表样式 098 7.2.1 无序项目列表 099 7.2.2 有序项目列表 100 7.2.3 图片列表样式 101 7.2.4 列表复合属性 103 7.3 使用CSS 设计菜单样式 104 7.3.1 制作动态导航菜单 104 7.3.2 制作水平方向菜单 105 7.3.3 制作多级菜单列表 106 7.4 新手疑难问题解答 108 7.5 实战训练 109 第8章 表格与<div>标记 110 8.1 简单表格 110 8.1.1 创建简单表格 110 8.1.2 表格的表头 112 8.2 表格的高级应用 113 8.2.1 表格的样式 113 8.2.2 表格的合并 114 8.2.3 表格的分组 115 8.3 使用CSS3设计表格样式 117 8.3.1 设置表格颜色 117 8.3.2 设置表格边框 118 8.3.3 表格标题位置 120 8.3.4 隐藏空单元格 120 8.3.5 单元格的边距 121 8.4 <div>与<span>标记 123 8.5 新手疑难问题解答 124 8.6 实战训练 124 第9章 网页中的表单 125 9.1 表单概述 125 9.1.1 表单定义 125 9.1.2 表单标记<form> 125 9.2 输入标记 126 9.2.1 文本框 126 9.2.2 单选按钮和复选框 127 9.2.3 按钮 128 9.2.4 图像域和文件域 129 9.3 文本域与列表 131 9.3.1 文本域 131 9.3.2 列表/菜单 132 9.4 使用CSS3设计表单样式 133 9.4.1 表单字体样式 133 9.4.2 表单边框样式 134 9.4.3 表单背景样式 136 9.4.4 表单按钮样式 138 9.4.5 下拉菜单样式 139 9.5 新手疑难问题解答 140 9.6 实战训练 140 第10章 JavaScript基础入门 141 10.1 JavaScript概述 141 10.1.1 JavaScript能做什么 141 10.1.2 JavaScript的主要特点 142 10.1.3 JavaScript在HTML中的使用 142 10.2 JavaScript的语法 143 10.2.1 代码执行顺序 143 10.2.2 区分大小写 143 10.2.3 分号与空格 144 10.2.4 注释语句 144 10.3 JavaScript语言基础 144 10.3.1 认识变量 144 10.3.2 数据类型 145 10.3.3 认识运算符 146 10.3.4 运算符优先级 152 10.4 新手疑难问题解答 152 10.5 实战训练 153 第11章 JavaScript编程基础 154 11.1 JavaScript中的语句 154 11.1.1 条件语句 154 11.1.2 循环语句 155 11.1.3 跳转语句 157 11.2 JavaScript对象与数组 158 11.2.1 创建对象 158 11.2.2 常用内置对象 160 11.2.3 数组对象与方法 165 11.3 JavaScript中的函数 170 11.3.1 定义函数 170 11.3.2 函数调用 172 11.4 新手疑难问题解答 175 11.5 实战训练 175 第12章 JavaScript对象编程 176 12.1 窗口（Window）对象 176 12.1.1 窗口对象属性 176 12.1.2 窗口对象方法 177 12.2 JavaScript对话框 180 12.2.1 警告对话框 180 12.2.2 确认对话框 182 12.2.3 提示对话框 183 12.3 文档对象 184 12.3.1 文档对象属性 184 12.3.2 文档对象方法 188 12.4 文档对象模型 191 12.4.1 DOM简介 191 12.4.2 基本的DOM方法 192 12.5 操作DOM中的节点 192 12.5.1 访问节点 193 12.5.2 创建节点 193 12.5.3 插入节点 194 12.5.4 删除节点 195 12.5.5 复制节点 195 12.5.6 替换节点 196 12.6 新手疑难问题解答 197 12.7 实战训练 197 第13章 JavaScript事件机制 199 13.1 什么是事件 199 13.2 事件的调用方式 199 13.2.1 在<script>标记中调用 200 13.2.2 在元素中调用 200 13.3 JavaScript常用事件 201 13.3.1 鼠标相关事件 202 13.3.2 键盘相关事件 205 13.3.3 表单相关事件 207 13.3.4 拖动相关事件 212 13.4 处理事件的方式 214 13.4.1 通过匿名函数处理 214 13.4.2 通过显式声明处理 215 13.4.3 通过手工触发处理 216 13.5 新手疑难问题解答 217 13.6 实战训练 217 第14章 绘制网页图形 219 14.1 <canvas>标记 219 14.2 绘制基本形状 219 14.2.1 绘制矩形 219 14.2.2 绘制圆形 220 14.2.3 绘制直线 221 14.2.4 绘制贝济埃曲线 222 14.3 绘制变形图形 223 14.3.1 绘制平移效果的图形 224 14.3.2 绘制缩放效果的图形 225 14.3.3 绘制旋转效果的图形 226 14.3.4 绘制带阴影效果的图形 227 14.4 绘制文字 228 14.4.1 绘制轮廓文字 229 14.4.2 绘制填充文字 230 14.5 新手疑难问题解答 231 14.6 实战训练 232 第15章 文件与拖放 233 15.1 选择文件 233 15.1.1 选择单个文件 233 15.1.2 选择多个文件 234 15.2 读取文件 234 15.2.1 检测浏览器是否支持FileReader接口 234 15.2.2 FileReader接口的方法 235 15.2.3 使用readAsDataURL()方法预览图片 235 15.2.4 使用readAsText()方法读取文本文件 236 15.3 拖放文件 238 15.3.1 拖放页面元素 238 15.3.2 dataTransfer属性 239 15.3.3 在网页中拖放文字 240 15.4 新手疑难问题解答 242 15.5 实战训练 242 第16章 响应式网页组件 244 16.1 响应式网页设计概述 244 16.1.1 什么是响应式网页设计 244 16.1.2 响应式网页设计原理 245 16.1.3 像素和屏幕分辨率 245 16.1.4 视口与媒体查询 246 16.2 响应式网页的布局设计 248 16.2.1 常用布局类型 248 16.2.2 布局的实现方式 249 16.2.3 响应式布局的实现 249 16.3 响应式图片 250 16.3.1 使用<picture>标记 250 16.3.2 使用CSS图片 251 16.4 响应式视频 252 16.5 响应式导航菜单 253 16.6 响应式表格 255 16.6.1 隐藏表格中的列 256 16.6.2 滚动表格中的列 257 16.6.3 转换表格中的列 259 16.7 新手疑难问题解答 260 16.8 实战训练 261 第17章 设计企业响应式网站 262 17.1 网站概述 262 17.1.1 网站结构 262 17.1.2 设计效果 262 17.1.3 设计准备 263 17.2 设计主页 264 17.2.1 主页布局 264 17.2.2 设计导航条 264 17.2.3 设计轮播广告 265 17.2.4 设计功能区 267 17.2.5 设计特色展示 269 17.2.6 设计脚注 271 17.3 设计侧边导航栏 272 17.4 设计登录页 274