第一节：HTML简介
hmtl：超文本标记语言，
主要说下：页面的元信息 meta ：三个作用
1：显示字符集的设定
2：设置刷新后，跳转到哪个界面
3：向搜索引擎提供查询关键词：
代码如下：
<meta http-equiv="content-type" content="text/html; charset=utf-8" > #设置编码格式
<meta http-equiv="refresh"content="3;url=http://www.baidu.com"> #刷新后3秒跳到百度界面
<meta name='keywords' content="java基础，jsp，servelet,css,csss"> #搜索引擎提供关键词
html文档保存格式：html或者htm
html语法不区分大小写，建议写小写
html注释： <!--我是注释哦注释呢-->
注意：注释的代码不会展示出来，但是在查看源代码的时候可以看到注释的东西
html的基本结构：
body 可以看成是身体部位，可以在body里面设置背景色bgcolor
第二节：html字符实体：
例子：
运行结果： © 是版权标记
第三：html常用文档设置标记
- 格式标记：
<body bgcolor="yellow">
<center>------------居中对齐
<!--我是注释哦注释呢-->
<春晓>
<hr width="80%" color="red" size="100"/>
<p>----段落春天不洗澡，处处蚊子鸟<br/>------换行
<div><!--div+css来进行网页布局;层标记-->
也来巴掌声，不知死多少<br/>
</div>
©老牛吃小草</p>
</center>------------居中对齐
<pre>---预格式化标记
<鹅鹅鹅>
鹅鹅鹅, 曲项向天歌，
白毛浮丽水, 红掌拨清波
</pre>------预格式化标记
编程语言排行榜：<br /> --换行
<ul> <!--无须列表-->
<li>第一名：java</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
</ul>
<hr /> -------水平分割线
<ol type="1"> <!--无须列表-->
<li>第一名：java</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
</ol>---有序列表
<hr />
<ol type="A"> <!--无须列表-->
<li>第一名：java</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
<li>第二名：c++</li>
<li>第三名：.net</li>
<li>第四名：python</li>
</ol>---有序列表
<!--定义型列表-->
<dl> -------定义型列表
<dt>软件说明</dt>
<dd>非常好用的软件</dd>
<dt>软件说明</dt>
<dd>非常好用的软件</dd>
<dt>软件说明</dt>
<dd>非常好用的软</dd>
</dl> -------定义型列表
2：文本标记
<!--文本标记-->
<h1><font style='font-size: 100;'><鹅鹅鹅></font></h1>
<font face=arial color=red size="6">鹅鹅鹅</font>
<h2><鹅鹅鹅></h2>
<h3><鹅鹅鹅></h3>
<h4><鹅鹅鹅></h4>
<h5><鹅鹅鹅></h5>
<h6><鹅鹅鹅></h6>
<hr />
<del><b>鹅鹅鹅</b>, <i>曲项</i>向天歌，</del><br />
<u><small>白</small>毛浮<strong>绿水</strong>,<em>红掌</em>拨清波</u>
本章节完毕