HTML5从入门到精通（第4版）

明日科技

扉页
版权信息
+书签
内容简介
如何使用本书开发资源库
1 VIP会员注册
2 纸质书和开发资源库的配合学习流程
3 开发资源库的使用方法
前言
本书内容
本书特点
读者对象
本书学习资源
致读者
第1篇基础知识
第1章 HTML简介
1.1 HTML的基本概念
1.2 HTML的发展史
1.2.1 HTML的早期发展
1.2.2 从HTML到XHTML
1.2.3 HTML5的面市及发展
1.3 HTML5的改进
1.3.1 部分代替了原来的JavaScript
1.3.2 更明确的语义支持
1.3.3 增强了Web应用程序功能
1.4 各浏览器对HTML5的支持
第2章 HTML5基础
2.1 编写第一个HTML文件
2.1.1 HTML文件的编写方法
2.1.2 手工编写页面
2.1.3 实例演练——创建基本的HTML网页
2.1.4 使用WebStorm制作页面
2.1.5 使用浏览器浏览HTML文件
2.1.6 如何查看网页源代码
2.1.7 编写文件的注意事项
2.2 HTML的基本结构
2.2.1 文件开始标签——<html>
2.2.2 文件头部标签——<head>
2.2.3 文件标题标签——<title>
2.2.4 基底网址标签——<base>
2.2.5 文件主体标签——<body>
2.2.6 注释—
2.3 元信息标签<meta>
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.4 实践与练习
第3章设计网页文本内容
3.1 标题文字的建立
3.1.1 标题文字标签—<h>
3.1.2 标题文字对齐方式属性—align
3.2 设置文字格式
3.2.1 粗体斜体下画线标签—<strong> <em> <u>
3.2.2 上标与下标标签—<sup> <sub>
3.2.3 设置删除线标签—<del>/<s>
3.2.4 等宽文字标签—<code>
3.2.5 空格与其他特殊符号
3.3 设置段落格式
3.3.1 段落标签—<p>
3.3.2 换行标签—<br>
3.3.3 保留原始排版方式标签—<pre>
3.3.4 向右缩进标签—<blockquote>
3.4 设置水平线格式
3.4.1 添加水平线标签—<hr>
3.4.2 设置水平线宽度与高度属性—width size
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 设置地址文字标签—<address>
3.6 页面显示增强标签
3.6.1 块级内容标签—<figure>
3.6.2 展开／收缩区域标签—<details>
3.6.3 高亮显示标签—<mark>
3.6.4 进度标签—<progress>
3.6.5 度量数量值标签—<meter>
3.6.6 引用标签—<cite>
3.6.7 小号字体标签—<small>
3.7 主体结构标签
3.7.1 独立自包含内容标签—<article>
3.7.2 节标签—<section>
3.7.3 导航链接标签—<nav>
3.7.4 附属信息标签—<aside>
3.7.5 日期时间标签—<time>
3.8 非主体结构标签
3.8.1 页眉标签—<header>
3.8.2 标题分组标签—<hgroup>
3.8.3 页脚标签—<footer>
3.9 实践与练习
第4章使用列表
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 定义列表的创建及使用
4.5 嵌套列表的使用
4.5.1 无序列表和有序列表的互相嵌套
4.5.2 有序列表之间的嵌套
4.5.3 定义列表的嵌套
4.6 实践与练习
第5章超链接
5.1 超链接基础
5.1.1 什么是超链接
5.1.2 绝对路径
5.1.3 相对路径
5.2 超链接的建立
5.2.1 超链接标签—<a>
5.2.2 建立文本超链接
5.2.3 设置超链接的目标窗口
5.3 内部链接
5.4 书签链接
5.4.1 建立书签
5.4.2 为书签设置链接
5.5 外部链接
5.5.1 通过HTTP协议设置外部链接
5.5.2 通过超链接实现发送E-mail邮件
5.5.3 通过超链接实现文件下载
5.6 其他链接
5.6.1 脚本链接
5.6.2 空链接
5.7 实践与练习
第6章使用图像
6.1 图像基础
6.2 添加图像—<img>标签
6.3 设置图像属性
6.3.1 图像高度宽度和边框
6.3.2 图像水平间距和垂直间距
6.3.3 图像相对于文字基准线的对齐方式
6.3.4 图像的提示文字和替换文字
6.4 图像超链接
6.4.1 设置图像的超链接
6.4.2 设置图像热区链接
6.5 实践与练习
第7章表格的应用
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 设置行背景—bgcolor background属性
7.5.3 设置行文字的水平对齐方式—align属性
7.5.4 设置行文字的垂直对齐方式—valign属性
7.5.5 设置标题行的垂直对齐方式—align属性
7.6 设置表格的单元格属性
7.6.1 设置单元格的大小—width height属性
7.6.2 设置单元格中文字的对齐方式—align valign属性
7.6.3 设置单元格的背景颜色—bgcolor属性
7.6.4 设置单元格的背景图像—background属性
7.6.5 合并单元格—colspan rowspan属性
7.7 统一表格样式的结构标签
7.7.1 表首标签—<thead>
7.7.2 表主体标签—<tbody>
7.7.3 表尾标签—<tfoot>
7.8 表格的嵌套
7.9 实践与练习
第8章布局标签
8.1 <div>标签
8.1.1 <div>标签简介
8.1.2 <div>标签的属性
8.2 <span>标签
8.2.1 <span>标签简介
8.2.2 <span>标签与<div>标签的比较
8.3 <iframe>标签
8.3.1 <iframe>标签简介
8.3.2 <iframe>标签的属性
8.4 案例：制作下拉菜单导航条
8.5 实践与练习
第9章全局属性
9.1 HTML5继承前版本的全局属性
9.1.1 title属性
9.1.2 dir属性
9.2 contenteditable属性
9.3 spellcheck属性
9.4 hidden属性
9.5 translate属性
9.6 tabindex属性
9.7 实践与练习
第10章编辑表单
10.1 表单标签—<form>
10.1.1 传送地址——action属性
10.1.2 表单名称——name属性
10.1.3 传送方式——method属性
10.1.4 编码方式—enctype属性
10.1.5 目标显示方式——target属性
10.1.6 自动完成——autocomplete属性
10.1.7 表单验证——novalidate属性
10.2 输入类元素
10.2.1 文本框——text属性值
10.2.2 密码域——password属性值
10.2.3 单选按钮——radio
10.2.4 复选框——checkbox属性值
10.2.5 普通按钮——button属性值
10.2.6 提交按钮——submit属性值
10.2.7 重置按钮——reset属性值
10.2.8 图像域——image属性值
10.2.9 隐藏域——hidden属性值
10.2.10 文件域——file属性值
10.3 文本域标签—<textarea>
10.4 标注与输出标签
10.4.1 标注标签——<label>
10.4.2 输出标签——<output>
10.5 按钮标签—<button>
10.5.1 使用<button>标签在页面中添加按钮
10.5.2 使用<button>标签与<input>标签添加按钮的区别
10.6 下拉列表
10.6.1 列表标签——<select>
10.6.2 选项标签——<option>
10.6.3 选项组标签——<optgroup>
10.6.4 自动完成下拉列表
10.7 对表单的验证
10.7.1 自动验证
10.7.2 checkValidity显式验证法
10.7.3 自定义错误信息
10.8 实践与练习
第2篇高级应用
第11章嵌入多媒体元素
11.1 播放音频
11.1.1 音频格式
11.1.2 使用<audio>标签嵌入音频
11.1.3 使用JavaScript脚本控制音频播放
11.2 播放视频
11.2.1 视频格式
11.2.2 使用<video>标签嵌入视频
11.2.3 为视频添加字幕
11.2.4 处理视频播放相关事件
11.2.5 使用JavaScript脚本控制视频播放
11.3 嵌入PDF文档
11.3.1 使用<object>标签嵌入PDF文档
11.3.2 使用<embed>标签嵌入PDF文档
11.4 实践与练习
第12章文件操作
12.1 使用文件对象
12.1.1 通过FileList对象和file对象获取文件信息
12.1.2 使用Blob对象获取文件的类型与大小
12.1.3 创建并使用Blob对象
12.1.4 截取Blob对象
12.2 使用FileReader对象读取文件
12.2.1 检测浏览器对FileReader对象的支持性
12.2.2 FileReader对象的方法与事件
12.2.3 使用readAsDataURL()方法预览图片
12.2.4 使用readAsText()方法读取文本文件
12.3 实践与练习
第13章拖放操作
13.1 拖放API
13.1.1 设置允许拖放
13.1.2 处理与拖放相关的事件
13.1.3 阻止拖放
13.2 dataTransfer对象
13.2.1 dataTransfer对象的常用属性
13.2.2 dataTransfer对象的常用方法
13.3 案例：通过拖放实现将商品加入购物车中
13.4 实践与练习
第14章绘制图形
14.1 初识Canvas
14.1.1 创建一个画布
14.1.2 Canvas的坐标系
14.1.3 绘制矩形
14.2 创建路径
14.2.1 创建矩形路径
14.2.2 创建直线路径
14.2.3 创建圆形路径
14.2.4 贝塞尔曲线
14.3 运用样式与颜色
14.3.1 fillStyle属性和strokeStyle属性
14.3.2 透明度—globalAlpha
14.3.3 线型——Line styles
14.4 实现渐变颜色
14.4.1 线性渐变
14.4.2 径向渐变
14.5 图形的变形
14.5.1 坐标的变换
14.5.2 路径的坐标变换
14.5.3 矩阵变换
14.6 组合多个图形
14.7 给图形绘制阴影
14.8 图像的处理
14.8.1 绘制图像
14.8.2 图像的局部放大
14.8.3 图像平铺
14.8.4 图像裁剪
14.8.5 像素的处理
14.9 绘制文字
14.10 保存与恢复Canvas状态
14.11 将Canvas对象转换为base64编码
14.12 制作动画
14.13 综合实例—桌面时钟
14.14 实践与练习
第15章 SVG的使用
15.1 SVG基础
15.1.1 为什么使用SVG
15.1.2 如何使用SVG
15.2 使用SVG绘制基本形状
15.2.1 绘制矩形
15.2.2 绘制圆形
15.2.3 绘制椭圆
15.2.4 绘制多边形
15.2.5 绘制直线
15.2.6 绘制折线
15.2.7 绘制路径
15.2.8 绘制文本
15.3 SVG中的滤镜
15.3.1 SVG滤镜的使用方法
15.3.2 SVG实现模糊效果
15.3.3 SVG实现文字阴影
15.4 SVG实现动画
15.4.1 使用<animate>标签
15.4.2 使用<animateMotion>标签
15.4.3 使用<animateTransform>标签
15.5 SVG中的渐变
15.5.1 线性渐变
15.5.2 径向渐变
15.6 实践与练习
第16章数据存储
16.1 初识Web Storage
16.1.1 Web Storage是什么
16.1.2 测试浏览器是否支持Web Storage
16.1.3 使用Web Storage中的API
16.1.4 案例：sessionStorage对象的应用——分步注册
16.1.5 案例：localStorage对象的应用——自动登录
16.2 本地数据库
16.2.1 Web SQL Database简介
16.2.2 使用Web SQL Database API
16.2.3 使用IndexedDB API
16.3 实践与练习
第17章使用Web Workers处理线程
17.1 Web Workers API概述
17.1.1 创建和使用Web Worker对象
17.1.2 线程间数据交互的实例——数的累加
17.2 在Web Worker内部能做什么
17.3 多个JavaScript文件的加载与执行
17.4 线程嵌套
17.4.1 主线程中嵌套多个子线程
17.4.2 在多个子线程中进行数据的交互
17.5 实践与练习
第18章 HTML5消息通信
18.1 跨文档消息通信
18.1.1 监听消息
18.1.2 发送消息
18.1.3 案例：同域跨文档消息通信
18.1.4 案例：跨域消息通信
18.2 消息通道通信
18.3 WebSocket全双工通信
18.3.1 什么是WebSocket
18.3.2 使用WebSocket API
18.4 Server-Sent Events服务器推送事件通信
18.5 实践与练习
第19章获取地理位置信息
19.1 Geolocation API的概述
19.1.1 获取当前地理位置——getCurrentPosition()方法
19.1.2 监视定位——watchCurrentPosition()方法
19.1.3 停止获取当前地理位置——clearWatch()方法
19.2 position对象的应用
19.3 利用HTML5和百度地图实现地图定位
19.4 实践与练习
第20章 HTML5其他应用
20.1 操作浏览历史记录—History API
20.1.1 历史记录导航
20.1.2 添加历史记录条目
20.1.3 更新历史记录条目
20.2 实现桌面通知—Notification API
20.3 控制页面可见性—Page Visibility API
20.4 切换全屏模式—Fullscreen API
20.5 判断在线状态
20.5.1 使用navigator对象的onLine属性实现
20.5.2 为window对象添加online/offline事件监听器实现
20.6 实践与练习
第21章响应式网页设计
21.1 概述
21.1.1 响应式网页设计的概念
21.1.2 响应式网页设计的技术原理
21.1.3 响应式网页设计的优缺点
21.2 响应式相关概念
21.2.1 像素和屏幕分辨率
21.2.2 视口
21.2.3 常见的网页布局类型
21.2.4 布局的常见实现方式
21.3 响应式网页设计的实现
21.3.1 通过CSS实现响应式网页设计
21.3.2 通过第三方框架实现响应式网页设计
21.4 实践与练习
第3篇项目实战
第22章在线教育网站
22.1 开发准备
22.1.1 网站概述
22.1.2 系统预览
22.1.3 实现过程分析
22.2 首页的设计与实现
22.2.1 首页设计
22.2.2 代码实现
22.3 登录页的设计与实现
22.3.1 登录页设计
22.3.2 代码实现
22.4 课程列表页的设计与实现
22.4.1 课程列表页设计
22.4.2 代码实现
22.5 课程详情页的设计与实现
22.5.1 课程详情页设计
22.5.2 代码实现

简介

版权

HTML5从入门到精通（第4版）