作者：明日科技,聚慕课教育研发中心

出版社：清华大学出版社

格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT

HTML5从零开始学进阶(套装共2册)试读：

前言

第2章 HTML文件基本标记 2.1 HTML头部标记2.2 标题标记

第3章 设计网页文本内容 3.1 标题文字的建立3.2 设置文字格式3.3 设置段落格式3.4 水平线标记3.5 其他文字标记3.6 小结3.7 习题

第4章 使用列表 4.1 列表的标记4.2 使用无序列表4.3 使用有序列表4.4 定义列表标记——dl4.5 菜单列表标记——menu4.6 目录列表——dir4.7 设置列表文字的颜色4.8 使用嵌套列表4.9 小结4.10 习题

第5 章使用超链接 5.1 超链接的基本知识5.2 超链接的建立5.3 内部链接5.4 书签链接5.5 外部链接5.6 其他链接5.7 小结5.8 习题

第6章 使用图像 6.1 图片的基本格式6.2 添加图像——img6.3 设置图像属性6.4 使用标记插入avi文件6.5 图像的超链接6.6 小结6.7 习题

第7章 表格的应用 7.1 创建表格7.2 设置表格基本属性7.3 设置表格的边框7.4 设置表格背景7.5 设置表格的行属性7.6 调整单元格属性7.7 表格的结构7.8 表格的嵌套7.9 小结7.10 习题

第8章 层——div标签 8.1 层8.2

第9章 编辑表单 9.1 使用表单标记——form9.2 添加控件9.3 输入类的控件9.4 使用label定义标签9.5 使用button定义按钮9.6 列表/菜单标记9.7 文本域标记textarea9.8 id标记9.9 在Dreamweaver中快速创建表单9.10 小结9.11 习题

第10章 多媒体页面 10.1 设置滚动文字10.2 添加背景音乐10.3 添加多媒体文件10.4

第12章 HTML5与HTML4的区别 12.1 语法的改变12.2 新增的元素和废除的元素12.3 新增的属性和废除的属性12.4 全局属性12.5 小结12.6 习题

第13章 HTML5的结构 13.1 新增的主体结构元素13.2 新增的非主体结构元素13.3 HTML5结构13.4 小结13.5 习题

第14章 HTML5中的表单 14.1 新增元素与属性14.2 对表单的验证14.3 增加的页面元素14.4 小结14.5 习题

第15章 文件与拖放 15.1 选择文件15.2 使用FileReader接口读取文件15.3 拖放API15.4 dataTransfer对象应用详解15.5 小结15.6 习题

第16章 多媒体播放 16.1 HTML5多媒体的简述16.2 多媒体元素基本属性16.3 多媒体元素常用方法16.4 多媒体元素重要事件16.5 小结16.6 习题

第17章 绘制图形 17.1 canvas的基础知识17.2 在画布中使用路径17.3 运用样式与颜色17.4 绘制渐变图形17.5 绘制变形图形17.6 组合多个图形17.7 给图形绘制阴影17.8 应用图像17.9 绘制文字17.10 保存与恢复状态17.11 文件的保存17.12 对画布绘制实现动画17.13 综合实例——桌面时钟17.14 小结17.15 习题

第18章 本地存储 18.1 初识Web Storage18.2 本地数据库18.3 小结18.4 习题

第19章 离线应用程序 19.1 HTML5离线Web应用概述19.2 创建HTML5离线应用19.3 浏览器与服务器的交互过程19.4 判断在线状态19.5 applicationCache对象19.6 小结19.7 习题

第20章 使用Web Workers处理线程 20.1 Web Workers概述20.2 在Worker内部能做什么20.3 多个Javascript文件的加载与执行20.4 线程嵌套20.5 小结20.6 习题

第21章 通信API 21.1 跨文档消息通信21.2 小结

第22章 获取地理位置信息 22.1 Geolocation API的概述22.2 position对象22.3 在Google地图上显示“我在这里”22.4 利用HTML5和百度地图实现定位处理22.5 小结22.6 习题第3篇 HTML5项目实战 第23章 旅游信息网前台页面 23.1 概 述23.2 网站预览23.3 关键技术23.4 网站公共部分设计23.5 网站主页设计23.6 “留下足迹”页面设计23.7 小结附录CD附录 习题参考答案前言Preface

丛书说明：“软件开发视频大讲堂”丛书（第1版）于2008年8月出版，因其编写细腻，易学实用，配备全程视频等，在软件开发类图书市场上产生了很大反响，绝大部分品种在全国软件开发零售图书排行榜中名列前茅，2009年多个品种被评为“全国优秀畅销书”。“软件开发视频大讲堂”丛书（第2版）于2010年8月出版，出版后，绝大部分品种在全国软件开发类零售图书排行榜中依然名列前茅。丛书中多个品种被百余所高校计算机相关专业、软件学院选为教学参考书，在众多的软件开发类图书中成为最耀眼的品牌之一。丛书累计销售40多万册。“软件开发视频大讲堂”丛书（第3版）于2012年8月出版，根据读者需要，增删了品种，重新录制了视频，提供了从“入门学习→实例应用→模块开发→项目开发→能力测试→面试”等各个阶段的海量开发资源库。因丛书编写结构合理、实例选择经典实用，丛书迄今累计销售90多万册。“软件开发视频大讲堂”丛书（第4版）在继承前3版所有优点的基础上，修正了前3版图书中发现的疏漏之处，并结合目前市场需要，进一步对丛书品种进行了完善，对相关内容进行了更新优化，使之更适合读者学习，为了方便教学，还提供了教学课件PPT。

自从HTML5正式推出以来，就受到了世界各大浏览器的热烈欢迎与支持。根据世界上各大IT界知名媒体的评论，新的Web时代，HTML5的时代马上就要到来。本书内容

本书中所讲的HTML4的内容，能在所有的浏览器中运行，在讲解HTML5新增内容时，由于新增内容所支持的浏览器不同，所以在运行时所用的浏览器亦不同，读者在具体运行实例时，请使用其所支持的浏览器运行，这样才能保证实例的运行效果。

本书提供了从HTML到HTML5的所有知识，共分3篇，大体结构如下图所示。

第1篇：HTML基础知识。本篇通过HTML基础、标记、列表、超链接、图像与表格、层标签、表单与多媒体页面等内容的介绍，并结合大量的图示、实例、录像等，使读者快速掌握HTML，并为以后深入学习HTML5奠定坚实的基础。

第2篇：HTML5高级应用。本篇对HTML5中新增的语法与标记方法、新增元素、新增API以及这些元素与API目前为止受到了哪些浏览器的支持等进行了详细的介绍。在对它们进行介绍的同时，将其与HTML4中的各种元素与功能进行了对比，以帮助读者更好地理解为什么要使用HTML5，以及使用HTML5的好处。

第3篇：HTML5项目实战。本篇详细讲解了如何在一个用HTML5语言编写而成的页面中综合运用HTML5中新增的各种结构元素，如何对这些结构元素综合使用CSS样式。本书特点● 　技术新颖，讲解细致：全面、细致地展示了HTML的基础知识，同时讲解在未来Web时代中备受欢迎的HTML5的新知识，让读者能够真正学习到HTML5最实用、最流行的技术。● 　语音视频，讲解详尽：书中的大多数章节提供声图并茂的语音视频教学录像，读者可以根据书中提供的录像位置，在光盘中找到。这些录像能够引导初学者快速入门，感受编程的快乐和成就感，增强进一步学习的信心，从而快速成为编程高手。● 　实例典型，轻松易学：通过例子学习是最好的学习方式，本书通过一个知识点、一个例子、一个结果、一段评析、一个综合应用的模式，透彻详尽地讲述了实际开发中所需的各类知识。● 　精彩栏目，贴心提醒：本书根据需要在各章使用了很多“注意”“说明”等小栏目，让读者可以在学习过程中更轻松地理解相关知识点及概念，并轻松地掌握个别技术的应用技巧。● 　应用实践，随时练习：书中几乎每章都提供了“习题”，让读者能够通过对问题的解答重新回顾、熟悉所学的知识，举一反三，为进一步学习作好充分的准备。读者对象● 　初学编程的自学者● 　编程爱好者● 　大中专院校的老师和学生● 　相关培训机构的老师和学员● 　准备毕业设计的学生● 　初中级程序开发人员● 　程序测试及维护人员● 　参加实习的“菜鸟”程序员读者服务

为了方便读者，本书提供了学习答疑网站：www.mingribook.com。有关本书的内容读者均可在网站上留言，我们力求在24小时内回复，节假日除外。致读者

本书主要参与编写的程序员有申小琦、王小科、王国辉、董刚、赛奎春、房德山、杨丽、高春艳、辛洪郁、周佳星、张鑫、张宝华、葛忠月、刘杰、白宏健、张雳霆、马新新、冯春龙、宋万勇、李文欣、王东东、柳琳、王盛鑫、徐明明、杨柳、赵宁、王佳雪、于国良、李磊、李彦骏、王泽奇、贾景波、谭慧、李丹、吕玉翠、孙巧辰、赵颖、江玉贞、周艳梅、房雪坤、裴莹、郭铁、张金辉、王敬杰、高茹、李贺、陈威、高飞、刘志铭、高润岭、于国槐、郭锐、郭鑫、邹淑芳、李根福、杨贵发、王喜平等。在编写过程中，我们以科学、严谨的态度，力求精益求精，但错误、疏漏之处在所难免，敬请广大读者批评指正。

感谢您购买本书，希望本书能成为您编程路上的领航者。“零门槛”编程，一切皆有可能。

祝读书快乐！

编者第1篇HTML基础知识本篇通过HTML基础、标记、列表、超链接、图像与表格、层标签、表单与多媒体页面等内容的介绍，并结合大量的图示、实例、录像等，使读者快速掌握HTML，并为以后深入学习HTML5奠定坚实的基础。第章　HTML基础1（视频讲解：21分钟）

Internet的飞速发展导致创建的网站越来越多，当我们浏览这些网站的时候，看到的是丰富的影像、文字、图片，这些内容都是通过一种名为HTML的语言表现出来的。对于网页设计和制作人员，尤其是开发动态网站的编程人员来说，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。

通过阅读本章，您可以：● 　了解HTML的基本概念以及发展史● 　掌握HTML的基本结构● 　掌握HTML文件的编写方法● 　熟悉利用浏览器浏览HTML文件的方法1.1　HTML的基本概念

WWW（World Wide Web，万维网）是一种建立在Internrt上的、全球性的、交互的、多平台的、分布式的信息资源网络。它采用HTML语言描述超文本（Hypertext）文件。这里所说的超文本文件指的是包含链接关系和多媒体对象的文件。

WWW有3个基本组成部分，分别是URL（Universal Resource Locators，统一资源定位器）、HTTP（Hypertext Transfer Protocol，超文本传输协议）和HTML（Hypertext Markup Language，超文本标记语言）。

URL提供在Web上进入资源的统一方法和路径，使得用户所要访问的站点具有唯一性，这就相当于我们每个人只有一个身份证号一样。它说明了链接所指向的每个文件的类型及其准确位置。

HTTP是一种在网络上传输数据的协议，专门用于传输以“超文本”（Hypertext）或“超媒体”（Hypermedia）的形式提供的信息。

HTML是一种文本类、解释执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件。

要把信息发布到全球，就必须要使用能够被大众接受的语言，也就是使用一种大多数计算机能够识别的出版语言。在WWW上，通常使用的发布语言是HTML，即超文本标识语言。

HTML语言是一种简易的文件交换标准，有别于物理的文件结构，它旨在定义文件内的对象和描述文件的逻辑结构，而并不定义文件的显示。由于HTML所描述的文件具有极高的适应性，所以特别适合于WWW的出版环境。

HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的纯文本文件。我们可以用任何文本编辑器（如Windows的“记事本”程序）打开它，查看其中的HTML源代码，也可以在用浏览器打开网页时，通过相应的“查看/源文件”命令查看网页中的HTML代码。HTML文件可以直接由浏览器解释执行，而无须编译。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，网页显示的速度同网页代码的质量有很大的关系，因此保持精简和高效的HTML源代码是十分重要的。1.2　HTML发展史与HTML51.2.1　HTML的发展历史

HTML的历史可以追溯到很久以前。1993年，HTML首次以互联网草案的形式发布。20世纪90年代的人见证了HTML的高速发展，从2.0版，到3.2版和4.0版，再到1999年的4.01版。随着HTML的发展，W3C（万维网联盟）掌握了对HTML规范的控制权。

然而，在快速发布了这4个版本之后，业界普遍认为HTML已经“无路可走”了，对Web标准的焦点也开始转移到了XML和XHTML上，HTML则被放在了次要位置。不过在此期间，HTML体现了顽强的生命力，主要的网站内容还是基于HTML的。为能支持新的Web应用，同时克服现有的缺点，HTML迫切需要添加新功能，制定新规范。

致力于将Web平台提升到一个新的高度，一小组人在2004年成立了WHATWG（Web Hypertext Application Technology Working Group, Web超文本应用技术工作组）。他们创立了HTML5规范，同时开始专门针对Web应用开发新功能———这被WHATWG认为是HTML中最薄弱的环节。Web2.0这个新词也就是在那个时候被发明的。Web2.0实至名归，开创了Web的第二个时代，旧的静态网站逐渐让位于需要更多特性的动态网站和社交网站——这其中的新功能真的是数不胜数。

2006年，W3C又重新介入HTML，并于2008年发布了HTML5的工作草案。2009年，XHTML2工作组停止工作。因为HTML5能解决非常实际的问题，所以在规范还没有具体定下来的情况下，各大浏览器厂家就已经按捺不住了，开始对旗下产品进行升级以支持HTML5的新功能。这样，得益于浏览器的实验性反馈，HTML5规范也得到了持续地完善，HTML5以这种方式迅速融入到了对Web平台的实质性改进中。1.2.2　HTML 4.01和XHTML

XHTML的全称是（Extensible Hyper Text Markup Language，扩展的超文本标记语言），XHTML和HTML 4.01具有很好的兼容性，而且XHTML是更严格、更纯净的HTML代码。

在早期的HTML发展历史中，由于HTML从未执行严格的规范，而且各浏览器对各种错误的HTML极为宽容，这就导致了HTML显得极为混乱。所以W3C组织制定了XHTML，它的目标是逐步取代原有的HTML。简单地说，XHTML就是最新版本的HTML规范。

我们习惯上认为HTML也是一种结构化文档，但实际上HTML的语法非常自由，再加上各浏览器对各种HTML错误的宽容，所以才有如下HTML代码。 混乱的HTML 文档

上面代码中的、、和

4个标签都没有正确结束，这显然违背了结构化文档的规则，但使用浏览器来浏览这个文档时，依然可以看到浏览效果，这就是HTML不规范的地方。而XHTML致力于消除这种不规范，XHTML要求HTML文档首先必须是一份XML文档。

XML文档是一种结构化文档，它有如下4条基本规则：● 　整个文档有且仅有一个根元素。● 　每个元素都由开始标签和结束标签组成（例如和就是开始标签和结束标签），除非使用空元素语法（例如
就是空元素语法）。● 　元素与元素之间应该合理嵌套。例如HTML5从入门到精通，可以很明确地看出元素是元素的子元素，这就是合理嵌套；但 HTML5从入门到精通这种写法就比较混乱，也就是所谓的不合理嵌套。● 　元素的属性必须有属性值，而且属性值应该用引号（单引号或双引号）引起来。

通常，计算机里的浏览器可以应对各种不规范的HTML文档，但现在很多浏览器运行在移动电话和手持设备上，它们就没有能力来处理那些不规范的标记语言。

为此，W3C建议使用XML规范来约束HTML文档，将HTML和XML的长处加以结合，从而得到现在和未来都能使用的标记语言———XHTML。

XHTML可以被所有支持XML的设备读取，在其余的浏览器升级至支持XML之前，XHTML强制HTML文档具有更加良好的结构，保证这些文档可以被所有的浏览器解释。1.2.3　从XHTML到HTML5

虽然W3C努力为HTML制订规范，但由于绝大部分编写HTML页面的人并没有接受过专业训练，他们对HTML规范、XHTML规范也不是很了解，所以他们制作的HTML网页绝大部分都没有遵守HTML规范。大量调查表明，即使在一些比较正规的网站中，也很少有网站能通过验证。例如在2008年，一项关于Alexa全球500强网站的调查表明，仅有6.57%的网站能通过HTML规范验证。如果把那些名不见经传的小网站考虑在内，整个互联网上就几乎都是不符合规范的HTML页面。

虽然互联网上绝大部分HTML页面都是不符合规范的，但各种浏览器却可以正常解析并显示这些页面，在这样的情况下，HTML页面的设计制作者甚至感觉不到遵守HTML规范的意义。于是出现了一种非常尴尬的局面：一方面，W3C组织极力地呼吁大家应该制作遵守规范的HTML页面；另一方面，HTML页面制作者却根本不太理会这种呼吁。

现有的HTML页面大量存在如下4种不符合规范的内容：● 　元素的标签名大小写混杂。如

HTML5

元素的开始标签和结束标签采用了大小写不匹配的字符。● 　元素没有合理结束。如只有

标签，没有

可能是出于“存在即是合理”的考虑，WHATWG组织开始制订一种“妥协式”的规范：HTML5。既然互联网上大量存在上面4种不符合规范的内容，而且制作者从来也不打算改进这些页面，因此HTML5干脆承认它们是符合规范的。

由于HTML5规范不严格，因此它甚至不再提供文档类型定义（DTD）。到2008年，WHATWG的努力终于被W3C认可，W3C已经制订了HTML5草案。

虽然直到目前为止，W3C依然没有正式发布HTML5规范，但大量浏览器厂商和市场都已经开始承认HTML5，Google在很多地方都开始使用HTML5。1.3　迎接新的Web时代

自从2010年HTML5正式推出以来，它就以一种惊人的速度被迅速推广，就连微软也因此为下一代IE9浏览器做了标准上的改进，使其能够支持HTML5。关于各主流浏览器对HTML5所表现出来的欢迎和支持情况，以及为什么HTML5会如此受欢迎，我们将在后面几节中做详细介绍。目前，业界全体都在朝着HTML5的方向迈进，HTML5的时代马上就要到来了。1.3.1　部分代替了原来的JavaScript

HTML5增加了一些非常实用的功能，这些功能可以部分代替JavaScript，而这些功能仅通过为标签增加一些属性即可实现。

例如，打开一个页面后立即让某个单行文本框获得输入焦点，在HTML5之前，可能需要通过JavaScript来实现。代码如下：

上面的代码片段通过JavaScript来完成这个功能，但在HTML5中则只需要设置一个属性即可。如果使用HTML5，则可以把上面的代码改为如下形式。

试读结束[说明：试读内容隐藏了图片]

下载完整电子书