XML和HTML的区别，首先还是需要理解下他们的定义1.XML是：可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。2.html：超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。3.区别与联系：事实上XML与HTML之间没有可比性，虽然它们之间有一定的联系，但各自的功能和目标(着重点)不一样，应用的场合不一样，有一点需要提的是，XML相对于HTML标准性更强。问:HTML能够支持静态空间，XML也能吗?答:能，只要保证客户端浏览器版本不低于6.0问:我想做一个网站，选用哪种语言好呢?答:对于大型网站来说，由于更新量较大，不宜用HTML来做，由于XML支持动态更新，可以采用，但不是最佳选择而对于小型网站，为了提高页面反应速度，建议采用HTML书写。问:HTML与XML可以互相转换吗?答:可以，为了更好地适应客户端浏览器的浏览，可以在服务器端进行XML-〉HTML的转换，但普通静态空间不支持这种转换，可以选择支持XMLDOM的ASP或PHP服务器进行。XML是EXtensible Markup Language的缩写XML是一种类似于HTML的标记语言XML是用来描述数据的XML的标记不是在XML中预定义的，你必须定义自己的标记XML使用文档类型定义(DTD)或者模式(Schema)来描述数据XML使用DTD或者Schema后就是自描述的语言XML和HTML的主要区别是什么XML是用来存放数据的XML不是HTML的替代品，XML和HTML是两种不同用途的语言。XML是被设计用来描述数据的，重点是:什么是数据，如何存放数据。HTML是被设计用来显示数据的，重点是:显示数据以及如何显示数据更好上面。HTML是与显示信息相关的, XML则是与描述信息相关的。“XML”是用于网络上数据交换的语言，具有与描述Web页面的“HTML”语言相似的格式。该语言有“可以利用Web浏览器进行数据确认”以及“易于生成数据”等优点，因此主要用于在企业之间，或者在企业内部更加方便地进行数据交换和利用。首先为了便于理解，下面假设有这么一种情况:某图书销售商要着手建立自己的站点，并发送书店里的品种目录和库存情况等信息。管理图书时，需要使用TABLE标签等，以一览表的形式提供 “书名”、“发行日期”、“库存”、“作者”、“出版社”和“定价”等数据。以这种形式汇总数据后，如果是人，就能够迅速地了解到各自所需的内容。但是，计算机(或系统)即使能够理解页面结构或数据布局，也无法理解这里的数据是什么意义(属性)。然而，“XML”则正是能够让计算机也理解这些数据属性的技术。如果使用XML，比如“库存目前有多少?”以及“某个作家写的书卖了多少册?”等数据就能够由计算机“自动地”掌握，并能够将这些数据与交易对象“共享”。这样一来，出版社就能够在制定今后的出版计划时参考这些数据，而且销售公司制定有效的配送计划时也将更加容易。这就必定大大有助于削减人事成本，以及提高管理效率。当然，即便不使用XML，比如，如果能够建立一个规范的数据库，并为每个字段定义一个“书名”和“定价”等名称，计算机也能够理解。但是要想在Web上实现这一点，却要花费相当的人力和成本。在这一点上，如果是XML，由于“能够利用Web浏览器对数据进行确认“，因此只要拥有能够连接因特网的计算机和支持XML的浏览器，就不需再进行特别的投资。使用XML，还能够将在以前的数据库中难以处理的数据转化成数据库。XML的描述方式与HTML相同，利用被括号<>括起来的字符串进行描述。在HTML中，括号内所定义的都是版面(Layout)等信息。而XML则同时定义了数据的属性，比如刚才提到的图书，就是以<书名>、<作者>和<出版社>等方式定义。像这样的定义方式可以自由设置。因此，甚至有不少企业自己定义XML，然后将其用于本公司内部的数据交换。自由度如此之高也是XML受到极大关注的原因之一。但是，企业之间的数据交换才是XML的着眼点之一。因此，各公司的定义如果不规范化就无法通用。目前，以微软为主的标准化团体“Biztalk.org”和民间团体“Rosetta Net”等都希望能针对各行业和领域制定“可以广泛利用的标志”，以减少定义XML的麻烦。如果像上述所说的那样能够制定XML的标准，并被广泛应用，那么不止是企业之间的数据交换将变得更简单，而且语音数据和动态图像数据等在过去的数据库中难以进行处理的数据也必将能够轻松转化成数据库。这一点在管理方面也可以说是一个巨大的可取之处。
HTML、 CSS、 JavaScript三者的关系
网页主要由三部分组成： 结构（ Structure） 、 表现（ Presentation） 和行为（ Behavior）
HTML —— 结构， 决定网页的结构和内容（ “是什么”）
CSS —— 表现（ 样式） ， 设定网页的表现样式（ “什么样子”）
JavaScript（ JS） —— 行为， 控制网页的行为（ “做什么”）
一、 HTML语言
1.1什么是HTML语言（ HTML概述）
英文全称： Hyper Text Markup Language
中文全称： 超文本标记语言
HTML 语言是制作网页的最基本语言， 并且只能通过web浏览器显示出来。
Hyper（ 超） ：
用HTML制作的网页可以通过其中的链接从一个网页“跳转”至另一个网页。
Text（ 文本） ：
HTML是一种文本解释性的程序语言， 即它的源代码将不经过编译而直接在浏览器中运行时被“翻译”。
Markup（ 标记） ：
HTML的基本规则就是用“标记语言” ---- 成对尖括号组成的标签元素来描述网页内容是如何在浏览器中显示的。
1.2 HTML文档结构
HTML文档一般由两部分组成：
1. 文档所要表达的内容信息（ 文字、 图片等） ；
2. 一系列的HTML标签；
1.3 HTML标签
1.3.1 什么是HTML标签
1. HTML标签是用 <>所括住的指令， 主要分为：
单标签： <起始标签/>
双标签： <起始标签></结束标签>
例如：
<br/>
<div></div>
2. 通常使用的是双标签。 有一个起始标签就对应有一个结束标签。 标签内容写在起始标签和结束标签之间。
<div>标签内容</div>
3. 在元素的起始标签中， 还可以包含“属性”来设置元素的其他特性。 一个标签可以有多个属性,每个属性之间用空格隔开。
<div 属性名="属性值"></div>
例如：
<div class="wrap" id="wrap"></div>
4. 每一对双标签之间可以嵌套， 但不能交叉。
正确示例：
<div>
<p></p>
</div>
错误示例：
<div>
<p>
</div>
</p>
1.4 编码器
1.4.1 WebStorm源码主体标签含义
<!DOCTYPE>：
是一个声明不是 HTML 标签； 它是用来告诉 web 浏览器要使用哪个 HTML 版本来对页面进行编写。
<html>：
<html>是文档标识符， 它是成对出现的， 首标签<html>和尾标签</html>分别位于 HTML 文档的最前面和最后面， 明确地表示文档是以超文本标识语
言（ html)编写的。 该标签不带有任何的属性。
<head>：
<head>标签用于定义文档的头部， 它是所有头部元素的容器。 <head>中的元素可以引用脚本、 指示浏览器在哪里找到样式表、 提供元信息等等。
<meta>：
<meta>标签位于文档的头部， 用于定义文件信息， 对网页文件进行说明。 其中name属性主要用于描述网页， 与之对应的属性值为content， content中
的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<body>：
<body>标签用于定义文档的主体， 即在浏览器上看到的网页内容。
