作者：明日科技
出版社：清华大学出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
HTML5从入门到精通(第3版)试读：
前言
丛书说明：“软件开发视频大讲堂”丛书（第1版）于2008年8月出版，因其编写细腻，易学实用，配备海量学习资源和全程视频等，在软件开发类图书市场上产生了很大反响，绝大部分品种在全国软件开发零售图书排行榜中名列前茅，2009年多个品种被评为“全国优秀畅销书”。“软件开发视频大讲堂”丛书（第2版）于2010年8月出版，第3版于2012年8月出版，第4版于2016年10月出版。十年锤炼，打造经典。丛书迄今累计重印500多次，销售200多万册。不仅深受广大程序员的喜爱，还被百余所高校选为计算机、软件等相关专业的教学参考用书。“软件开发视频大讲堂”丛书（第5版）在继承前4版所有优点的基础上，进一步修正了疏漏，优化了图书内容，更新了开发环境和工具，并根据读者建议替换了部分学习视频。同时，提供了从“入门学习→实例应用→模块开发→项目开发→能力测试→面试”等各个阶段的海量开发资源库，使之更适合读者学习、训练、测试。为了方便教学，还提供了教学课件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.tup.com.cn），在对应图书页面下获取其下载方式。也可扫描图书封底的“文泉云盘”二维码，获取其下载方式。
为了方便解决本书疑难问题，读者朋友可加我们的企业QQ：4006751066（可容纳10万人），也可以登录www.mingrisoft.com留言，我们将竭诚为您服务。致读者
本书由明日科技Web程序开发团队策划并组织编写，明日科技是一家专业从事软件开发、教育培训以及软件开发教育资源整合的高科技公司，其编写的教材既注重选取软件开发中的必需、常用内容，又注重内容的易学、方便以及相关知识的拓展，深受读者喜爱。其编写的教材多次荣获“全行业优秀畅销品种”“中国大学出版社优秀畅销书”等奖项，多个品种长期位居同类图书销售排行榜的前列。
在编写本书的过程中，我们始终本着科学、严谨的态度，力求精益求精，但错误、疏漏之处在所难免，敬请广大读者批评指正。
感谢您购买本书，希望本书能成为您编程路上的领航者。“零门槛”编程，一切皆有可能。
祝读书快乐！编者2019年6月文中需扫码阅读的请扫此付费二维码第1篇 HTML基础
本篇通过对HTML基础、标记、列表、超链接、图像与表格、层标记、表单与多媒体页面等内容的介绍，并结合大量的图示、实例、录像等，使读者快速掌握HTML，并为以后深入学习HTML5奠定坚实的基础。第1章 HTML基础（视频讲解：25分钟）
Internet的飞速发展推动了越来越多网站的创建，当我们浏览这些网站的时候，看到的是丰富的影像、文字、图片，这些内容都是通过一种名为HTML的语言表现出来的。对于网页设计和制作人员，尤其是开发动态网站的编程人员来讲，制作网页的时候，如果不涉及HTML语言，几乎是不可能的。
通过阅读本章，您可以： 了解HTML的基本概念以及发展史 掌握HTML的基本结构 掌握HTML文件的编写方法 熟悉HTML文件的编写方法 熟悉如何利用浏览器浏览HTML文件1.1 HTML的基本概念视频讲解
WWW（World Wide Web，万维网）是一种建立在Internet上的、全球性的、交互的、多平台的、分布式的信息资源网络。它采用HTML语言描述超文本（Hypertext）文件。这里所说的超文本指的是包含有链接关系的文件，并且包含了多媒体对象的文件。
WWW有3个基本组成部分，分别是URL（统一资源定位器）、HTTP（超文本传输协议）和HTML（超文本标识语言）。
URL（Universal Resource Locators）提供在Web上进入资源的统一方法和路径，使得用户所要访问的站点具有唯一性，这就相当于我们每个人只有一个身份证号一样。它说明了链接所指向的每个文件的类型及其准确位置。
HTTP（Hypertext Transfer Protocol）超文本传输协议是一种网络上传输数据的协议，专门用于传输以“超文本”（Hypertext）或“超媒体”（Hypermedia）的形式提供的信息。
HTML语言（Hypertext Markup Language，中文通常称为超文本置标语言或超文本标记语言）是一种文本类、解释执行的标记语言，它是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代码。
上面代码中的、
、和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规范不严格，因此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，则可以把上面的代码改为如下形式。
在这个示例中，我们可以看到，在HTML4中使用了一段JavaScript代码，在HTML5中并没有使用，取而代之的是一个在HTML5中新出现的属性。
把两个代码片段放在一起进行对比，不难发现使用HTML5之后简洁多了。除了这里示范的autofocus可用于自动获得焦点之外，HTML5还支持其他一些属性，比如一些输入校验的属性，以前都必须通过JavaScript来完成，但现在都只要一个HTML5属性即可。1.3.2 更明确的语义支持
在HTML5之前，如果要表达一个文档结构，可能只能通过
在上面的页面结构中，所有的页面元素都采用
HTML5则为上面的页面布局提供了更明确的语义元素，此时可以将上面的代码片段改为如下形式。
在这个示例中，我们可以看到，在HTML4中常见的用div来划分页面结构的方法，到了HTML5中也被一种新出现的标签替代了。这些标签可以提供更加清晰的语义。
除此之外，以前的HTML可能会通过这样的元素来表示“被强调”的内容，但到底是哪一种强调，HTML却无法表达；HTML5则提供了更多支持语义的强调元素，例如：
上面的第一个
一直以来，HTML页面的功能被严格地限制着：客户端从服务器下载HTML页面数据，浏览器负责呈现这些HTML页面数据。出于对客户机安全性的考虑，以前的HTML在安全性方面确实做得足够安全。
当HTML页面做得太安全之后，我们就需要通过JavaScript等其他方式来增加HTML的功能。换句话来说，HTML对Web程序而言功能太单一了，比如上传文件时想同时选择多个文件都不行，前端开发者不得不通过Flash、JavaScript等各种技术来克服这个困难。为了弥补这种不足，HTML5规范增加了不少新的API，而各种浏览器正在努力实现这些API功能，在未来的日子里，使用HTML5开发Web应用将会更加轻松。1.3.4 HTML5的目标
HTML5的目标主要是为了能够创建更简单的程序，书写出更简洁的代码。例如，为了使Web应用程序的开发变得更加容易，HTML5中提供了很多API。为了使HTML代码变得更简洁，在HTML5中开发出了新的属性、新的元素等。总体来说，HTML5为下一代Web平台提供了许许多多新的功能。
先来了解一下在HTML5中究竟提供了哪些革命性的新功能。
首先，在HTML5之前，有很多功能必须要使用JavaScript等脚本语言才能实现，比如前面例子中提到，在运行页面时经常使用的让文本框获得光标焦点的功能。如果使用HTML5，同样的功能只要使用元素的属性标签就可以实现了。这样的话，整个页面就变得非常清楚直观，容易理解。因此，Web设计者可以放心大胆地使用这些HTML5中新增的属性标签。由于HTML5中提供了大量的这种可以替代脚本的属性标签，使得开发出来的界面语言也变得更加简洁易懂。
不但如此，HTML5使页面的结构也变得更加清楚。之前使用的div标签也不再使用了，而是使用前面第二个示例中所提到的更加语义化的结构标签。这样，书写出来的界面结构就会显得非常清晰，页面中的各个部分要展示什么内容也会让人一目了然。
虽然HTML5宣称的立场是“非革命性的发展”，但是它所带来的功能是让人渴望的，使用它所进行的设计也是很简单的，因此，它深受Web设计者与开发者的欢迎。1.4 各浏览器对HTML5的支持
HTML5被说成是划时代也好，具有革命性也好，如果不能被业界承认并且大面积地推广使用，这些都是没有意义的。事实上，今后HTML5被正式地、大规模地投入应用的可能性是相当高的。
通过对IE、谷歌、Firefox、Safari、Opera等主流浏览器的发展策略的调査，发现它们都在支持HTML5上采取了一定的措施。☑ 微软
2010年3月16日，微软公司在拉斯维加斯举行的MIX10技术大会上宣布已推出IE9浏览器开发者预览版。微软称，IE9开发完成后，将会更好地支持CSS3、SVG和HTML5等互联网浏览通用标准。☑ 谷歌
2010年2月19日，谷歌Gears项目经理伊安-费特通过博客宣布，谷歌将放弃对Gears浏览器插件项目的支持，以此重点开发HTML5项目。据费特表示，目前，在谷歌看来，Gears面临的主要问题是，该应用与HTML5的诸多创新非常相似，而且谷歌一直积极发展HTML5项目。因此，只要谷歌不断以加强新网络标准的应用功能为工作重点，那么为Gears增加新功能就无太大意义了。目前，多种浏览器将会越来越多地为GMail及其他服务提供更多脱机功能方面的支持，因此Gears面临的需求也在日益下降，这是谷歌做出上述调整的重要原因。☑ Mozilla
2010年7月，Mozilla基金会发布了即将推出的Firefox4浏览器的第一个早期测试版。在该版本中的Firefox浏览器中进行了大幅改进，包括新的HTML5语法分析器，以及支持更多HTML5形式的控制等。从官方文档来看，Firefox 4对HTML5是完全级别的支持，包括在线视频、在线音频等多种应用。☑ 苹果
2010年6月7日，苹果公司在开发者大会的会后发布了Safari5，这款浏览器至少支持10个以上的HTML5新技术，包括全屏幕播放、HTML5视频、HTML5地理位置、HTML5切片元素、HTML5的可拖动属性、HTML5的形式验证、HTML5的Ruby、HTML5的Ajax历史和WebSocket字幕。☑ Opera
2010年5月5日，Opera软件公司首席技术官Hȧkon Wium Lie先生在访华之际，接受了中国软件资讯网等少数几家媒体的采访。号称“CSS之父”的Hȧkon Wium Lie认为，HTML5与CSS3将是全球互联网发展的未来趋势，目前包括Opera在内的诸多浏览器厂商，纷纷在研发HTML5相关产品，Web的未来属于HTML5。从Opera 10开始，Opera对HTML5的支持就十分出色。
以上证据表明，目前这些浏览器都纷纷地朝着支持HTML5、结合HTML5的方向迈进着，因此HTML5已经被广泛地推行开来了。
在HTML5以前，各浏览器对HTML和JavaScript的支持很不统一，这样就造成了同一个页面在不同浏览器中的表现不同。HTML5的目标是详细分析各浏览器所具有的功能，并以此为基础制订一个通用规范，要求各浏览器能支持这个通用标准。
就目前的形势来看，各浏览器厂商对HTML5都抱着极大的热情，尤其是微软因为对HTML5的支持不够积极，导致IE（Internet Explorer）市场份额下滑的事实，更成为各浏览器厂商的前车之鉴。如果各浏览器都能统一地遵守HTML5规范，以后前端程序员开发HTML+CSS+JavaScript页面时将会变得更加轻松。1.5 HTML5要解决的3个问题
HTML5的出现，对于Web来说意义是非常重大的。因为它的意图是想要把目前存在的各种问题一并解决掉，它是一个企图心比较强的HTML版本。那么，到底Web上存在哪些问题，HTML5又打算怎么解决呢？☑ 浏览器之间的兼容性很低
首先要提到的就是，Web浏览器之间的兼容性是非常低的。在某个Web浏览器上可以正常运行的HTML/CSS/JavaScript等Web程序，在另一个Web浏览器上就不正常了的事情是非常常见的。
如果用一句话来描述这个问题的原因，可以说是“规范不统一”。规范不统一，没有被标准化，是出现这个问题的主要原因。
在HTML5中，这个问题将得到解决。HTML5的使命是详细分析各浏览器所具有的功能，然后以此为基础，要求这些浏览器所有内部功能都要符合一个通用标准。
如果各浏览器都符合通用标准，然后以该标准为基础来编写程序，那么程序在各Web浏览器都能正常运行的可能性就大大提高了，这对于Web开发者和设计者都是一件令人可喜的事情。而且，今后开发者开发出来的Web功能只要符合通用标准，Web浏览器也都是很愿意封装该功能的。☑ 文档结构不够明确
第二个问题是，在之前的HTML版本中，文档的结构不够清晰和明确。例如，为了要表示“标题”“正文”，之前一般都是用div元素。但是，严格说来，div不是一个能把文档结构表达得很清楚的元素，使用了过多的div元素的文章，阅读时不仔细研究，是很难看出文档结构的。而且，对于搜索引擎或屏幕阅读器等程序来说，过多使用了div元素，那么这些程序就连“从哪到哪算是重要的正文”，“这个ul元素是表示导航菜单，还是表示项目列表”等对于结构分析来说最基本的问题的答案也都不知道。
在HTML5中，为了解决这个问题，追加了很多与结构相关的元素。不仅如此，还结合了包括微格式、无障碍应用在内的各种各样的周边技术。☑ Web应用程序的功能受到了限制
最后一个问题是，HTML与Web应用程序的关系十分薄弱。Web应用程序的特征是先从网络下载，然后忠实运行，因此应该对会威胁到用户安全的功能进行限制。
目前安全性的保障方面已做到了，但对于Web应用程序来说，一直以来HTML真正所做出的贡献是很少的，比如就连上传文件时想同时选择一个以上的文件都做不到。
为了弥补这方面的不足，HTML5已经开始提供各种各样Web应用上的新API，各浏览器也在快速地封装着这些API，HTML5已经使丰富Web应用的实现变成了可能。1.6 HTML的基本结构1.6.1 HTML文件的编写方法☑ HTML标签
一个HTML文件是由一系列的元素和标签组成的。元素是HTML文件的重要组成部分，例如title（文件标题）、img（图像）及table（表格）等。元素名不区分大小写。HTML用标签来规定元素的属性和它在文件中的位置。
HTML的标签分单独出现的标签和成对出现的标签两种。
大多数标签成对出现，是由首标签和尾标签组成的。首标签的格式为<元素名称>，尾标签的格式为。其完整语法如下。
成对标签仅对包含在其中的文件部分发生作用，例如
单独标签的格式为<元素名称>，其作用是在相应的位置插入元素，例如
标签便是在该标签所在位置插入一个换行符。说明在每个HTML标签，大写、小写和混写均可。例如、和，其结果都是一样的。
在每个HTML标签中，还可以设置一些属性，控制HTML标签所建立的元素。这些属性将位于所建立元素的首标签，因此，首标签的基本语法如下。
而尾标签的建立方式则为：
因此，在HTML文件中某个元素的完整定义语法如下。说明语法中，设置各属性所使用的“"”可省略。☑ 元素的概念
当用一组HTML标签将一段文字包含在中间时，这段文字与包含文字的HTML标签被称之为一个元素。
由于在HTML语法中，每个由HTML标签与文字所形成的元素内，还可以包含另一个元素。因此，整个HTML文件就像是一个大元素，包含了许多小元素。
在所有HTML文件，最外层的元素是由标签建立的。在标签所建立的元素中，包含了两个主要的子元素，这两个子元素是由
标签与标签所建立的。标签所建立的元素的内容为文件标题，而标签所建立的元素内容为文件主体。☑ HTML文件结构在介绍HTML文件结构之前，先来看一个简单的HTML文件及其在浏览器上的显示结果。
下面开始编写一个HTML文件，使用文件编辑器，例如Windows自带的记事本。
运行效果如图1.1所示。
从上述代码中可以看出HTML文件的基本结构如图1.2所示图1.1 HTML示例图1.2 HTML文件的基本结构
其中，
与之间的部分是HTML文件的文件头部分，用以说明文件的标题和整个文件的一些公共属性。与之间的部分是HTML文件的主体部分，下面介绍的标签，如果不加特别说明，均是嵌套在这一对标签中使用的。1.6.2 文件开始标签在任何的一个HTML文件里，最先出现的HTML标签就是，它用于表示该文件是以超文本标识语言（HTML）编写的。是成对出现的，首标签和尾标签分别位于文件的最前面和最后面，文件中的所有文件和HTML标签都包含在其中。例如：
试读结束[说明：试读内容隐藏了图片]