HTML5 Web开发

“网站开发全案例微课”系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书。整套书涵盖网站开发、数据库设计等内容，具有以下特点。
前沿科技
无论是数据库设计还是网站开发，精选的都是技术较为前沿或者用户群多的领域，帮助大家认识和了解动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著该套图书，融合了丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用过程为主线，全程采用图解和多媒体同步结合的教学方式，生动、直观、全面地剖析各种应用技能，降低学习难度，提高学习效率。
扫码看视频
通过微信扫码看视频，可以随时在移动端学习。
为什么要写这样一本书
HTML5刚一推出，就立刻受到了世界各大浏览器厂商的热烈欢迎和支持。随着用户页面体验要求的提高，页面前端技术日趋重要，HTML5的技术成熟，使其在前端技术中凸显优势。对于初学者来说，实用性强和易于操作是目前的需求。本书面向想学习网页前端设计的初学者，可以快速让初学者入门后提高实战水平。
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业，无论您是否接触过HTML5 Web开发，都能从本书中找到起点。
实用、专业的范例和项目
本书内容在编排上紧密结合深入学习HTML5 Web开发的过程，从HTML5的基本概念开始，逐步带领读者学习HTML5 Web开发的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简明轻松，操作起来有章可循。
随时随地学习
本书提供了微课视频，通过手机扫码即可观看，可随时随地解决学习中的困惑。
全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例及项目的创建过程及技术关键点。可以比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分可以让读者有更多的收获。
读者对象
本书是一本完整介绍HTML5 Web 开发应用技术的教程，内容丰富、条理清晰、实用性强，
适合以下读者学习使用：
零基础的自学者
希望快速、全面掌握Web 开发的人员
高等院校或培训机构的老师和学生
参加毕业设计的学生
创作团队
本书由刘辉编著，参加编写的人员还有刘春茂、李艳恩和李佳康。在编写本书的过程中，我们虽竭尽所能将好的讲解呈现给读者，但难免有疏漏和不妥之处，敬请读者不吝指正。
编者

《HTML5 Web开发（全案例微课版）》是针对零基础读者编写的Web入门教材。该书侧重案例实训，并提供扫码微课来讲解当前热门的案例。 《HTML5 Web开发（全案例微课版）》分为22章，内容包括认识HTML 5、设计网页的文本、设计网页列表与段落、网页中的图 像和超链接、表格与div标签、网页中的表单、网页中的多媒体、HTML5的新特征、使用CSS层叠样式表、JavaScript和jQuery、绘制图形、文件与拖放、地理定位技术、离线Web应用程序、处理线程 和服务器发送事件、数据存储和通信技术、响应式网页设计、流行的响应式开发框架Bootstrap，后通过4个热门综合项目，让读者进一步掌握项目开发经验。 《HTML5 Web开发（全案例微课版）》通过精选热门案例，让初学者快速掌握HTML5 Web开发技术。通过微信扫码看视频，可以随时在移动端学习技能对应的视频操作。本书适合读者自学，也可作为相关院校的参考教材。

刘辉，主要负责网页设计、网站开发和Android开发课程，擅长HTML5、CSS3、JavaScript、jQuery技术，一直负责毕业班的实训工作，在移动终端软件开发方面有多年的开发经验，具有很强的实战经验。

1.1 HTML的基本概念和版本     002

1.1.1 什么是HTML   002

1.1.2 HTML的版本   002

1.2 HTML文件的基本结构    003

1.3 HTML 5的基本标记   003

1.3.1 文档类型说明   003

1.3.2 html标记      004

1.3.3 头标记    004

1.3.4 主体标记      006

1.3.5 注释标记      007

1.4 HTML 5网页的开发环境      007

1.4.1 使用记事本手工编写HTML文件    008

1.4.2 使用WebStorm编写HTML文件    008

1.5 新手常见疑难问题    012

1.6 实战技能训练营      013

第2章 设计网页的文本   014

2.1 标题     015

2.1.1 标题文字标签   015

2.1.2 标题的对齐方式     016

2.2 设置文字格式    017

2.2.1 文字的字体、字号和颜色  017

2.2.2 文字的粗体、斜体和下划线    018

2.2.3 文字的上标和下标   019

2.3 设置段落格式    019

2.3.1 段落标签      020

2.3.2 段落的换行标签     020

2.3.3 段落的原格式标签   021

2.4 网页的水ping线    021

2.4.1 添加水ping线    021

2.4.2 设置水ping线的宽度与高度  022

2.5 新手常见疑难问题    023

2.6 实战技能训练营      023

第3章 设计网页列表与段落   024

3.1 无序列表    025

3.1.1 无序列表的标签    025

3.1.2 无序列表的属性    025

3.2 有序列表    026

3.2.1 有序列表的标签    026

3.2.2 有序列表的属性    027

3.3 自定义列表      028

3.4 列表的嵌套      029

3.5 新手常见疑难问题    029

3.6 实战技能训练营      030

第4章 网页中的图像和超链接    031

4.1 网页中的图像    032

4.1.1 网页中支持的图片格式    032

4.1.2 图像中的路径   032

4.2 在网页中插入图像    034

4.3 编辑网页中的图像    035

4.3.1 设置图像的大小和边框    035

4.3.2 设置图像的间距和对齐方式    036

4.3.3 设置图像的替换文字和提示文字    037

4.4 认识网页超链接      038

4.4.1 什么是网页超链接   038

4.4.2 超链接中的URL     038

4.4.3 超链接的URL类型   039

4.5 建立网页超#级链接    039

4.5.1 创建超文本链接    039

4.5.2 创建图片链接    040

4.5.3 创建下载链接    041

4.5.4 使用相对路径和绝#对路径   041

4.5.5 设置以新窗口显示超链接页面   042

4.5.6 设置电子邮件链接    043

4.6 使用浮动框架    044

4.7 使用书签链接制作电子书阅读网页     045

4.8 图像热点链接    046

4.9 新手常见疑难问题    048

4.10 实战技能训练营     049

第5 章 表格与