9.27学习经验分享#
Bruce_Zhu于2016.9.28
0 前言
今天开始，我正式接触了Web前端中的超文本标记语言HTML。首先，无论学习什么语言，都有必要了解清楚与其相关的大环境。就如同学习C语言时，你得要了解C语言的诞生和历史沿革。这样，就可以帮助你更好地去理解这门语言。那么今天的分享就是HTML语言使用环境的简介和初级的语言编写。
1 HTML使用环境简介
1.1 Internet简介
Internet是一个全球性的计算机互联网络，我们所需要传递的信息在Internet上被分成许多小数据包进行传输，到达目的地后再将数据包重组为我们原始的信息。
Internet的通信协议是TCP/IP协议，其中文为传输控制协议/因特网互联协议，是Internet最基本的协议、Internet国际互联网络的基础，由网络层的IP协议和传输层的TCP协议组成。
1.2 Web简介
Web在实际应用中表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。
Web是基于Internet的一个多媒体信息服务系统，同时也是基于浏览器/服务器模式运作的系统。一个完整的Web传输网由Web服务器、浏览器(Browser)和通信协议三部分组成。
- 在Web服务器上，主要以网页的形式来发布多媒体信息
- 网页采用超文本标记语言HTML编写
- 浏览器软件连接到Web服务器并获取网页
- 浏览器解释HTML网页文档，并显示在用户的屏幕上
Web服务器需要能够和数据库进行通信，引用数据库中的数据。同时，Web的出现，极大的推动了Internet的普及与推广。
2 HTML入门
超级文本标记语言（HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。它使用带有尖括号的标记将网页中的内容逐一标识出来，并由浏览器进行解释执行。
用该语言编写的文件，以.html或.htm为后缀，在HTML页面上，可以嵌套使用脚本语言编写程序段，如VBScript/JavaScript等。
2.1 HTML基本语法
HTML用于描述功能的符号称为“标记”，比如：
<pre>
<p> <h1>
</pre>
但在HTML标记中，有封闭类型标记（双标记），也有非封闭类型的标记（单标记），例如：
封闭类型标记：
<pre>
<p> ... </p>
</pre>
非封闭类型标记：
<pre>
<meta>
或
<meta />
</pre>
标记也可以称作为元素，每一对尖括号包围的部分就叫做元素。元素之间可以互相嵌套，形成更为复杂的语法。在嵌套元素时需要注意标记的嵌套顺序。
当我们需要对元素进行配置时，就离不开元素具有的属性。
属性的声明必须位于开始标记里，一个元素里的多个属性用空格进行分隔，并且多个属性之间不分先后顺序。
封闭型标记（双标记），为什么要封闭？因为要编写不同的文本。
2.2 HTML文档结构
- 文档类型申明
在文档的起始用DOCTYPE声明指定版本和风格，让浏览器清除文档的版本、类型和风格。
- head元素
head元素用于为页面定义全局信息，也是所有其他头元素的容器，紧跟在起始标签html之后。 - body元素
body元素出现在head元素之后，包含网页要显示给读者的内容，称为主题内容。
