HTML简介

HTML（Hyper Text Markup Language），即超文本标记语言。它通过一些列标签，将网络上的文字、图形、动画、声音、表格、链接等连接为一个整体。将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。为人们查找，检索信息提供方便。（学IT到成都菁瑞优智）

网页的分类

（1）静态网页：纯粹的HTML格式网页，仅能提供浏览，不论何时何地被浏览，都将显示相同的形式和内容，也就是说无法与网站进行互动。在静态网页中，整个网页的主要结构与网页的显示控制都是使用HTML实现的。静态页的扩展名一般为.htm、.html、.shtml、.xml。

静态网页只能单纯地在网页中展示文字与图片，听起来似乎功能简单，但它是所有网页的基础要素，其重要性自然也不言而喻。

在静态网页上，可以出现各种动态的效果，如.gif格式的动画、flash、滚动字母等。这些“动态效果”只是视觉上的，它们与动态网页是不同的概念。

（2）动态网页：采用动态技术的网页，网页的内容可以根据某种条件的改变而自动改变。和静态网页的扩展名不同，动态网页的扩展名为.asp、.jsp、.php、.perl、.cgi等，并且在动态网页网址中有一个标志性的符号“？”。

标记

HTML中用于描述功能的符号。

标记在使用时必须用尖括号“< >”括起来。浏览器会对尖括号里面的标记进行解释。HTML常用的主要标记有< html>、< head>、< title>、< body>。

标记分为单标记和双标记

（1）单标记：只需在尖括号中输入标记名即可，一种单标记表示一种功能，没有范围之分。

格式：<标记>

如换行标记：< br>

（2）双标记：标记有头有尾，且前面的标记与后面的标记保持一致，但在后面的标记前有斜杠。

格式：<标记>内容

如段落标记;< p> < /p>

HTML标记构成

一个完整的HTML页面，其实就是由一对对的标记组成的（当然也有例外）。

（1）< html>< /html>：网页开始和结束标记；

（2）< head>< /head>：网页的头部信息开始和结束标记；

（3）< body>< /body>：网页的主体开始和结束标记；

（4）< title>< /title>：网页的主题开始和结束标记；

（5）< p>< /p>：网页的段落开始和结束标记。

网页布局的技术

（1）表格布局技术：表格布局在过去比较普遍，就是将各种需要的文本、图像素材等放到无边框的表格中，优点是它能对不同对象加以处理，又不用担心不同对象之间的影响，缺点是使用过多的表格，网页数据量加大，影响页面下载速度。

（2）CSS（层叠样式表）技术：又称为DIV+CSS布局技术，可以精确定位文本和图片，将数据和格式分开，使网页的数据量大大减少。CSS对于初学者来说显得有点难度，但它的确是一个很好的布局方法，也是现在最常用的网页布局技术。