1.HTML的演变过程：
HTML4发布于1997年，虽然HTML4中有一些用于页面外观的表示性元素，但不推荐网页设计人员继续使用它们。
XHTML1.0发布于2000年，1998年一种称为XML的语言公诸于世，它的目的是为了让人们编写新的标记语言。由于HTML是当时使用最广泛的标记语言，于是决定将HTML4按照XML的标准重新制定，并更名为XHTML。这意味着设计人员在编写标记时必须遵守一些更加严格的新规范。
例如:
.每个元素都要有一个结束标签（像<img />这样的空元素除外）。
.特性名称必须使用小号字母。
.所有的特性都必须对应一个特性值，所有的特性值都要置于双引号中。
.不能再使用过时的元素。
.如果一个元素在另一个元素中开始，那么它应该在同一个元素内结束。
XHTML5目前还在处于制定中。
2.DOCTYPE文件类型
HTML5
<!DOCTYPE html>
HTML4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3.注释:<!- - - ->
在长页面中，注释经常被用来指定某一部分的开始位置和结束位置，而且注释还向查看代码的人说明情况，帮助他们理解代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML中的注释</title>
</head>
<body>
<!- - start of introduction - ->
<h1>Current Exhibitions</h1>
<h2>Olafur Eliasson</h2>
<! - -start of main text - ->
<p>Olafur Eliasson was born in Copenhagen ,Denmark in 1967 to Icelandic parents.</p>
<p>He is known for sculptures and large-scale installation art employing elemental materials such as light,water,and air
temperature to enhance the viewer's experience.</p>
<! - - end of main text - - >
<! - -
<a href="malito:info@example.org">Contact</a>
</body>
</html>
4.id特性和class特性
id特性用来从页面上的其他元素中对一个元素进行唯一标示，它的值应该以字母或下划线开头（而不能是数字或其他字符）。在一个页面中没有哪两个元素的id特性值是相同的，否则这个特性值就不再具有唯一性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>id特性</title>
</head>
<body>
<p>Water and air ,So very commonplace are these substannces,they hardly attract attention-and yet they vouchsafe our
very existence.</p>
<p id="pullquote">Every time I view the sea I feel a calming sense of security ,as if visiting my ancestral home;I
embark on a voyage of seeing.</p>
<p>Mystery of mysteries,water and air are right there before us in the sea.</p>
</body>
</html>
class :任何元素上的class特性都可以共用相同的值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>class特性</title>
</head>
<body>
<p class="important">For a one-year period from November 2010,the Marugame Genichiro-Inokuma Museum of Contemporary
Art(MIMOCA) will host a cycle of four Hiroshi Sugimoto exhibitions.</p>
<p>Each will showcase works by the artist thematically contextualized under the heading"Science," "Architecture,"
"History" and "Religion" so as to present a comprehensive panorama of the artist 's oeuvre.</p>
<p class="important admittance">Hours:10:00-18:00(No admittance after 17:30)</p>
</body>
</html>
5.块级元素和内联元素
有些元素在浏览器窗口中显示时总是另外一行。这些元素被称为块级元素。块级元素的实例包括<h1>、<p>、<ul>以及<li>等.
有些元素在显示时总是与它邻近元素出现在同一行内，这些元素被称为内联元素。例如，<a>、<b>、<em>、<img>等.
6.<div>和<span>
<div>元素可以将块级元素聚合起来，<span>元素可将内联元素聚合起来。
7.内联框架
由<iframe>元素来创建，内联框架就像是在你的网页里面被分割的小窗口，可在这个小窗口中看到任何HTML页面。
常见特性:
src：特性指定要在框架中显示的页面的URL。
height：特性指定内嵌框架高度的像素值。
width：指定内嵌框架宽度的像素值。
scrolling:表明是否在内嵌框架上显示滚动条。scrolling特性可以取以下三个值:yes(显示滚动条)、no(隐藏滚动条)、 atuo(根据需要显示滚动条)。
frameborder:它用来表明是否显示框架的边框。当其特性值为0时，不显示边框。当其特性值为1时，则显示边框。
seamless:该特性可以应用在不希望出现滚动条的地方。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联框架</title>
</head>
<body>
<iframe
width="450"
height="350"
src="https://map.baidu.com/">
</iframe>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联框架</title>
</head>
<body>
<iframe src="https://www.baidu.com/" width="450" height="350" frameborder="2" scrolling="no">
</iframe>
</body>
</html>