1、HTML简介
HTML（Hyper Text Markup Language），即超文本标记语言。它通过一些列标签，将网络上的文字、图形、动画、声音、表格、链接等连接为一个整体。将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。为人们查找，检索信息提供方便。
2、网页的分类
分为静态网页和动态网页
（1）静态网页：纯粹的HTML格式网页，仅能提供浏览，不论何时何地被浏览，都将显示相同的形式和内容，也就是说无法与网站进行互动。在静态网页中，整个网页的主要结构与网页的显示控制都是使用HTML实现的。静态页的扩展名一般为.htm、.html、.shtml、.xml。
静态网页只能单纯地在网页中展示文字与图片，听起来似乎功能简单，但它是所有网页的基础要素，其重要性自然也不言而喻。
在静态网页上，可以出现各种动态的效果，如.gif格式的动画、flash、滚动字母等。这些“动态效果”只是视觉上的，它们与动态网页是不同的概念。
（2）动态网页：采用动态技术的网页，网页的内容可以根据某种条件的改变而自动改变。和静态网页的扩展名不同，动态网页的扩展名为.asp、.jsp、.php、.perl、.cgi等，并且在动态网页网址中有一个标志性的符号“？”。
3、标记
HTML中用于描述功能的符号。
标记在使用时必须用尖括号“<>”括起来。浏览器会对尖括号里面的标记进行解释。HTML常用的主要标记有< html>、< head>、< title>、< body>。
标记分为单标记和双标记：
（1）单标记：只需在尖括号中输入标记名即可，一种单标记表示一种功能，没有范围之分。
格式：<标记>
如换行标记：< br>
（2）双标记：标记有头有尾，且前面的标记与后面的标记保持一致，但在后面的标记前有斜杠。
格式：<标记>菁瑞优智</标记>
如段落标记;< p> < /p>
4、HTML标记构成
<html> <head> <title>C语言网</title> </head> <body> <h1>如何用好C语言网？</h1> <p>C语言网有很多题</p> </body> </html>
一个完整的HTML页面，其实就是由一对对的标记组成的（当然也有例外）。
（1）< html>< /html>：网页开始和结束标记。
（2）< head>< /head>：网页的头部信息开始和结束标记；
（3）< body>< /body>：网页的主体开始和结束标记；
（4）< title>< /title>：网页的主题开始和结束标记；
（5）< p>< /p>：网页的段落开始和结束标记
5、网页布局的技术
（1）表格布局技术：表格布局在过去比较普遍，就是将各种需要的文本、图像素材等放到无边框的表格中，优点是它能对不同对象加以处理，又不用担心不同对象之间的影响，缺点是使用过多的表格，网页数据量加大，影响页面下载速度。
（2）CSS（层叠样式表）技术：又称为DIV+CSS布局技术，可以精确定位文本和图片，将数据和格式分开，使网页的数据量大大减少。CSS对于初学者来说显得有点难度，但它的确是一个很好的布局方法，也是现在最常用的网页布局技术。
C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程，并配有习题和答疑，点击了解：
一点编程也不会写的：零基础C语言学练课程
解决困扰你多年的C语言疑难杂症特性的C语言进阶课程
从零到写出一个爬虫的Python编程课程
只会语法写不出代码？手把手带你写100个编程真题的编程百练课程
信息学奥赛或C++选手的 必学C++课程
蓝桥杯ACM、信息学奥赛的必学课程：算法竞赛课入门课程
手把手讲解近五年真题的蓝桥杯辅导课程