学习目标：
1、了解什么是HTML
2、HTML的结构
学习过程：
一、HTML的简介
1、HTML的发展
HTML是一种标记语言，起源于SGML（Standard Generalized Markup Language）标准的通用标记语言。HTML由Tim Berners-Lee和同事Naniel W.Connolly在瑞士日内瓦的欧洲粒子实验室发明，伴随着WEB一起诞生。目前最新版本是HTML 5。
2、HTTP协议的特点
HTTP是基于客户/服务器模式且是面向连接的，HTTP能够传送任意类型数据对象。HTTP连接是一种一次性连接，每次连接只处理一个请求，HTTP是一种无状态协议，即服务器不保留与客户交易时的任何状态，HTTP的默认TCP端口是80。
3、Web工作原理
Web的基本组织形式：Web是一个超文本文件的集合，把若干网页放在一起就构成了 web，超文本文件是Web的基本组成单元，也称为网页或HTML文档、Web页等，通常是以.html或.htm为后缀的文件，Web页之间通过超文本中的超级链接组织在一起。
什么是超文本：是多种格式和存储位置均不同的文件，通过某种方式组织在一起共同来表述一件事情的组织形式，超级链接是超文本用来串连信息的“绳索“，又叫做URL和URI。
URL--网络资源的地址，HTML语言使用a元素中的属性herf来指明超级链接的URL，超级链接的作用是告诉浏览器使用HTTP协议来激活一个URL，当鼠标点击在超级链接上时，该超级链接的URL就被提交给浏览器用于访问网络。
URL(Uniform Resource Locator) 统一资源定位器，用来标识网络中的任何资源（文本、图片、音视频文件，段落，或其他超文本）。URL的组成如下面这个：
http://www.booleanlab.com.cn/admin/index.jsp
协议：指明请求的服务类，一般为 HTTP://
主机名：对应对方主机的IP地址（通过DNS转换得到）
路径名：资源在主机上路径admin
文件名：要请求的资源的文件名（包括文件中的锚点）
二、HTML文件的基本结构
HTML文件的基本结构如下图：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>其中：标签标记 HTML 文档的开始和结束，HEAD部分包括标题和其他说明信息。包括在标签内，BODY部分包含文本、图像和链接。它包括在标签内
2、标签
meta可以说明网页的一些基本信息。如下面代码：
<!-- 网页描述信息等等，导入的文件 -->
<head>
<!-- 标题 -->
<title>网页标题</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<!-- 网页描述 -->
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- 网页编码 -->
<meta charset="UTF-8">
</head>3、页面背景色或背景图像和文本相关标签
<body bgcolor="aquamarine">
Hello World!
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
</body>效果如下：
5、特殊符号
因为大于符号和小于符号还有其他一些特殊符号在html都有一定的意思，所有当你需要输出这些符号是就需要使用以下特殊的替代符号了。常用的转义符如下表：
6、字体、段落和换行符
<font size="16" color="#dd4466" face="隶书">字 体</font>
<!-- 换行符 -->
<br/>
<font>adsadfasdf</font>
<p align="center">段落1</p>
<p>段落1</p>效果如下：
7、图像标签
<img src='img/abc.png' align="middle" width='100' height='100' alt='hello' />效果如下：
314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
