html学习之路（零）- 简单介绍
概述
HTML，即Hytype Text Markup Languge(超文本标记语言)，是一门用来开发网页的标准标记语言。后缀名，一般以htm或html命名，前者是为了兼容32位操作系统，后者则更具通用性。1999年，在W3C主导下，HTML4.0.1版本出现，网页表现极富精彩。
元素
由一对标签组合而成的块，称之为元素，一个简单的示例如下：
<p class="article-title"> Hello,world! </p>
一般来说，元素包含开始标签丶结束标签丶元素属性和元素内容：
开始标签 存在于元素的头部，如<p>；
闭合标签 存在于元素的尾部，与开始标签不同的是，多了一个斜杠表示闭合，如</p>；
元素属性 在开始标签内以键值对存在，如class="article-title";
元素内容 则是在开始标签和闭合标签中间的内容，如Hello,world。
html元素
当然，并不是所有元素都包含上述成分。
有的元素，如h1元素有开始标签和闭合标签，这样的标签称之为双标签；
<h1>HTML </h1> <!-- 双标签 -->
而有的标签没有闭合标签，也就没有元素内容，如img元素，这样的标签称之为单标签；
<img src="/logo.jpg"> <!-- 单标签 -->
结构
在一个HTML文档中，以元素表现内容，元素之间，相互嵌套，以树状结构组成网页，一个典型的HTML结构如图所示。
html结构
第一行为文档类型声明，规定了应该以哪种模式渲染文档，或着说该文档使用了HTML的哪个版本。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN" "http://www.w3.org/TR/html4/strict.dtd> <!-- html4.0.1声明方式 -->
<!DOCTYPE HTML> <!-- html5声明方式 -->
html元素称为根元素，包含了head元素(头部)和body元素(主体)。
head元素包含了文档元信息，如编码，标题，SEO关键词等，这部分信息并不会显示在浏览器页面上；
<head> <!-- 简单示例 -->
<meta charset="UTF-8">
<title>绝弹小站</title>
</head>
body元素是文档的主体，这里的内容，就是我们在浏览器页面上所能看到的内容。
<body> <!-- 简单示例 -->
<h1>路</h1>
<p>路在脚下，行在自我，我只是选择了前进的方向，并没有决定路途的终点。</p>
</body>
结语
在学习了HTML的基本概念后，接下来的学习，会从两个部分学习HTML的标签及其属性。第一个部分，头部部分，即Head元素内常用到的标签，了解更多文档相关的元信息。第二部分，主体部分，即Body元素内常用到的标签，学习如何表现内容和塑造语义化文档结构。
