基本的HTML网页结构
互联网起源于1969年的阿帕网，然后逐渐发展，但最初在互联网上只能使用字符，界面简单、功能有限，主要是一些专业人员在使用，应用范围很窄。1989年，欧洲粒子物理实验室的人提出了基于超文本协议的系统，
在这种超文本中不仅仅能显示一些样式统一的字母，还能为文件加入粗体、斜体、字型、字体、颜色、背景色等样式属性，并可以加入链接、图片等多媒体内容，使互联网中的内容大大丰富起来，
更方便的是可以通过鼠标点击来进行页面切换、转向等，不用去记忆一些快捷键和命令，普通用户也能很快学会使用。这种超文本主要是在浏览器中显示和使用的，并随着浏览器的发展而迅速普及开来，
对互联网的普及起到重要作用，现在小孩老人也都会上网了，而上的网站也主要是这种超文本的网站，超文本网站现在成了互联网的主流。
网站是由一个个网页及网页所需要引入的文件所组成，而网页则是使用HTML来描述的。HTML是HyperText Markup Language的缩写，含义是超文本标记语言，最初的版本是1993年6月发布的草稿，1995年11月发布HTML 2.0， 1997年1月发布HTML3.2，1997年12月发布HTML4.0，这是普遍使用的版本，2014年10月发布HTML5推荐标准，目前正是HTML4向HTML5逐渐过渡时期，也是HTML5快速发展期。
一般的文本文件只能使用字符，而为了描述多媒体及其他一些页面元素，就加入了一些标记Mark，也有人称为标签。 标记都是使用<>来括起来的有特定含义的字符串，其中大部分标记都是成对的，如<html></html>、<head></head>、<body></body>、<div></div>、<p></p>、 <span></span>、<a></a>、<script></script>、<style></style>等等，其中不带斜杠的称为起始标记，而带斜杠的则称为结束标记，两个标记之间是这种标记所描述的内容部分， 这类成对的标记称为闭合标记；也有部分标记是单个的，如<br/>、<hr/>、<input/>、<img/>等，一般建议在这种标记后面加上斜杠，但对不带斜杠的浏览器一般也能识别。这类标记称为非闭合标记。这些标记， 很多可以设置属性，并使用属性值来设置一些参数，如<a></a>标记用href属性来定义超链接地址，<img/>标记使用src属性设置图片路径。
通过这些有特定含义的标记，就可以描述一个页面中的各种内容，如加入超链接、脚本代码、CSS样式表及图片、音频、视频等多媒体文件。其实，最主要的是，通过这些标记可以定义网页的结构， 将一个页面以一致的样式在浏览器中显示出来。一个标准页面的基本结构为：
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset=gb18030" />
<title>标题</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
页面内容
</body>
</html>
可以看出，整个页面包含在<html></html>标记之间，其中分为两部分，<head></head>为网页头部，用来设置页面相关的参数； <body></body>之间为页体部分，其中则包含页面中需要显示的内容。网页头部包含的内容很多，<title></title>标记之间是页面标题， 其他参数大多是使用<meta />标记来定义，用设置<meta />标记属性参数的方式来定义，其中是使用charset设置网页使用的字符集，使用refresh设置页面刷新间隔， 而viewport主要用于手持终端中，电脑浏览器中并不使用，但为了能适合手持终端最好进行设置。
网页头部还有两部分重要内容--页面脚本代码和CSS样式表，分别放置于<script></script>和<style></style>标记中，其中内容分别在JavaScript和CSS中介绍。
<body></body>之间是页面中要显示的内容，页面之间的不同主要体现在这部分，HTML中的大部分标记也是用于其中的。
HTML中可以使用注释语句，使用<!--和-->把需要注释的内容放入其中，浏览器就会忽略其中的内容，不会读取处理，也不会显示出来。
网站是由一个个网页及网页所需要引入的文件所组成，而网页则是使用HTML来描述的。HTML是HyperText Markup Language的缩写，含义是超文本标记语言，最初的版本是1993年6月发布的草稿，1995年11月发布HTML 2.0， 1997年1月发布HTML3.2，1997年12月发布HTML4.0，这是普遍使用的版本，2014年10月发布HTML5推荐标准，目前正是HTML4向HTML5逐渐过渡时期，也是HTML5快速发展期。
一般的文本文件只能使用字符，而为了描述多媒体及其他一些页面元素，就加入了一些标记Mark，也有人称为标签。 标记都是使用<>来括起来的有特定含义的字符串，其中大部分标记都是成对的，如<html></html>、<head></head>、<body></body>、<div></div>、<p></p>、 <span></span>、<a></a>、<script></script>、<style></style>等等，其中不带斜杠的称为起始标记，而带斜杠的则称为结束标记，两个标记之间是这种标记所描述的内容部分， 这类成对的标记称为闭合标记；也有部分标记是单个的，如<br/>、<hr/>、<input/>、<img/>等，一般建议在这种标记后面加上斜杠，但对不带斜杠的浏览器一般也能识别。这类标记称为非闭合标记。这些标记， 很多可以设置属性，并使用属性值来设置一些参数，如<a></a>标记用href属性来定义超链接地址，<img/>标记使用src属性设置图片路径。
通过这些有特定含义的标记，就可以描述一个页面中的各种内容，如加入超链接、脚本代码、CSS样式表及图片、音频、视频等多媒体文件。其实，最主要的是，通过这些标记可以定义网页的结构， 将一个页面以一致的样式在浏览器中显示出来。一个标准页面的基本结构为：
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset=gb18030" />
<title>标题</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
页面内容
</body>
</html>
可以看出，整个页面包含在<html></html>标记之间，其中分为两部分，<head></head>为网页头部，用来设置页面相关的参数； <body></body>之间为页体部分，其中则包含页面中需要显示的内容。网页头部包含的内容很多，<title></title>标记之间是页面标题， 其他参数大多是使用<meta />标记来定义，用设置<meta />标记属性参数的方式来定义，其中是使用charset设置网页使用的字符集，使用refresh设置页面刷新间隔， 而viewport主要用于手持终端中，电脑浏览器中并不使用，但为了能适合手持终端最好进行设置。
网页头部还有两部分重要内容--页面脚本代码和CSS样式表，分别放置于<script></script>和<style></style>标记中，其中内容分别在JavaScript和CSS中介绍。
<body></body>之间是页面中要显示的内容，页面之间的不同主要体现在这部分，HTML中的大部分标记也是用于其中的。
HTML中可以使用注释语句，使用<!--和-->把需要注释的内容放入其中，浏览器就会忽略其中的内容，不会读取处理，也不会显示出来。