1.1.1.1 什么是HTML
HTML：超级文本标记语言（HyperText Markup Language）
l “超文本”就是指页面内可以包含图片、链接等非文字内容。
l “标记”就是使用标签的方法将需要的内容包括起来。例如：<a>www.itcast.cn</a>
1.1.1.1 HTML能干什么
HTML用于编写网页。平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时，可以通过“右键/查看网页源代码”看到具体的html代码。
网页内容包含：HTML代码、CSS代码、JavaScript代码等内容。
l HTML代码：用于展示需要显示的数据。
l CSS代码：使显示的数据更佳好看。
l JavaScript代码：使整个页面显示的数据具有动画效果。
网页根据内容是否改变分为：静态页面、动态页面
l 静态页面：编写之后在浏览器不再改变的网页。HTML就是用于编写静态网页的。
l 动态页面：会根据不同的情况展示不同的内容。例如：登录成功后右上角显示用户名。
1.1.1.2 HTML语言特点
n HTML文件不需要编译，直接使用浏览器阅读即可
n HTML文件的扩展名是*.html 或 *.htm
n HTML结构都是由标签组成
u 标签名预先定义好的，我们只需要了解其功能即可。
u 标签名不区分大小写
u 通常情况下标签由开始标签和结束标签组成。例如：<a name=”小明”>标签体</a>
u 如果没有结束标签，建议以/结尾。例如：<img /> 自闭和
n HTML结构包括两部分：头head和体body
1.1.1.3 创建模板
1. 在任意位置（F盘根目录），创建“文本文档”，重命名“00.模板.html”
文件名自定义，扩展名为html。00.template1表示意思今天案例前的模板1页面。
1. 右键/打开方式/记事本，开发html文件，并编写如下内容
<html>
<head>
<title>这是标题</title>
</head>
<body>
这里是正文
</body>
</html>
以上使用的标签组成了HTML页面的基本结构，现将所有标签进行陈述：
l <html> 整个页面的根标签，理论上一个页面只需要一个，由头和体组成。
n <head> 头标签，用于引入脚本、导入样式、提供元信息等。一般情况下头标签的内容在浏览器端都不显示。
u <title>子标签，用于显示浏览器标题。
n <body> 体标签，是整个网页的主体，我们编写的html代码基本都在此标签体内。
1. 使用浏览器打开
1.1.1.1 环境搭建
使用“记事本”开发效率低，现阶段比较流程的前端IDE（集成开发环境）是HBuilder，为了统一环境，要求所有同学的都安装HBuilder，参考“1.HBuilder安装.doc”
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。
提供模板代码，使用“HBuilder”创建01.模板.html页面。
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8" /> <!-- 设置html页面的编码，今天最后讲解-->
<title>标题</title>
</head>
<body>
正文
</body>
</html>
在模板代码中，我们使用到了HTML注释
l 格式：<!—注释内容 -->
l 注释特点：
n 浏览器查看时，不显示。右键查看源码可以看到。
n 注释标签不能嵌套。
n 注释特殊用法，为不同的浏览器提供不同的解决方案（了解）
1.1.1 案例相关标签
本案例中需要使用的标签如下：
l <h1></h1>
l <hr />
l <font>
l <b></b>
l <i></i>
l <p></p>
l <br />
下面我们开始一个一个的介绍，为了方便演示，创建一个“01.demo.html”文件
1.1.1.1 标题标签：<h1>
HTML提供<hn>系列标签，用于修饰标题，包含：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。<h1> 定义最大的标题。<h6> 定义最小的标题
1.1.1.1 水平线标签： <hr>
<hr/> 标签在 HTML 页面中创建一条水平分隔线，用于定义内容中的主题变化。
size属性：水平线的高度，单位像素
noshade属性：没有阴影，取值：noshade ; 不写表示显示纯色
例如：
<!--水平线-->
<hr/>
<hr size="5"/>
<hrnoshade="noshade" />
1.1.1.1 字体标签：<font>
<font>用于设置字体尺寸、字体颜色等。
size属性：设置字体的大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3。
color属性：设置字体的颜色
颜色的取值：#xxxxxx 或 colorname
#xxxxxx表示使用红绿蓝三原色设置颜色。
红绿蓝分别取值：00 -- FF，此处使用16进制。（FF就是十进制的255）
#000000表示黑色，#FFFFFF白色
#FF0000红色，#00FF00绿色，#0000FF蓝色
红绿蓝2位取值相同可以省略成1位。例如：#112233 简化成#123
colorname使用英文单词确定颜色。red 红色，blue 蓝色，green绿色
face(扩展):字体 微软雅黑,幼圆,宋体
例如：
<!--字体-->
<fontsize="7">我个大</font>
<fontcolor="#FF0000">我很红</font>
<fontcolor="blue">我是蓝色的</font>
1.1.1.1 格式化标签： <b> <i>
<b>粗体
<i>斜体
例如：
<!--格式化-->
<b>粗体</b>
<i>斜体</i>
1.1.1.2 段落标签：<p> <br/>
<p>定义段落。p 标签会自动在其前后创建一些空白。
<br/> 插入单个换行。
扩展: 空格
1.1.1 案例相关标签
1.1.1.1 框架标签：<frameset>
<frameset> 标签，是多个窗口页面整合在一起的一个集合（框架集）。每一个页面（框架）都是单独文档，需要使用子标签<frame>来确定页面的位置。<frameset>通过列和行来确定整体布局，使用cols确定列数，使用rows确定行数。多个<frameset>可以嵌套使用。
l <frameset>和<body>两个不能共存。
l rows属性和cols属性取值：值1,值2,值3,….. 一个值表示一行（列），多值使用逗号分隔，值可以是10px、10% 等，最后一个值如果不想计算可以使用*匹配剩余量。
1.1.1.2 框架子标签：<frame>
<frame>标签，用于设置<frameset>框架集中的一个页面（框架）。
l src属性：确定页面的路径
l noresize属性：框架分隔先不能移动
l target属性：确定需要显示的页面在何处显示
l name:页面的名称,用于超链接跳转使用