一，html的探讨和思考
html本质上只能算作一种简单的文本编译工具，他不是任何一种编程语言，他就像博客的MD 编辑器一样，是一种文本语言，通过一些操作可以完成对文本，连接，图片，视频等等的编辑操作，html仅仅是对文本起到一个修饰的作用，就好比记事本带上了对文本修饰的功能，当然这个功能毫无疑问都是比较简单的操作，因为我们在完成这些操作的时候毫无疑问要完成对一些数据的存储 ，这些复杂的修饰和数据一起出现会表现得非常复杂，所以我们需要其他工具来完成对网页更加精美的修饰，也就是 jS,css 。
同时，html语言的学习，最好的方式是自己实际的手写一个网页，慢慢的雕琢这个网站，然后一点一点的尝试把这个网站搭建起来。说了这么多，我们可以跟着下面的笔记的思路来完成对html的学习
等一下，html 的学习中我们可以把他也认为是有头文件和标签组成的一种语言，按照这种思路来学习，最后融合。
二，基础语法结构
1，整体结构
<!DOCTYPE html>
<html>
<head> </head>[//头文件部分]
<body> </body>[//主体部分]
</html>[//文件主体]
2，标签思想
1.标签：函数
种类 ： 单 ，双
2.性质：性质表示一般是|| 性质 = 性质1，2，3；
3.内容
三,head 标签
meta 标签
单标签
1,1 name 性质
二次性质
1,使用方法：
<meta name ="参数" content = "具体的参数值" >
2,常规参数：
<!--1.keywords 关键字，使用英文逗号分割-->
<meta name = "keywords" content = "关键字">
<!--2.description 网站的主要内容-->
<meta name = "description" content = "网站的主要内容">
<!--3.robots "搜索引擎向导//固定语句" -->
<meta name="robots"content="none">
<!--4.author 作者名称 -->
<meta name = "author" content = "S_zhi">
3,补充参数
robots 固定参数补充
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；
index：文件将被检索；
follow：页面上的链接可以被查询；
noindex：文件将不被检索，但页面上的链接可以被查询；
nofollow：文件将被检索，但页面上的链接不可以被查询
name标签不常见补充
E、generator
<meta name="generator"content="信息参数"/>
meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。
F、COPYRIGHT
<META NAME="COPYRIGHT"CONTENT="信息参数">
meta标签的COPYRIGHT的信息参数，代表说明网站版权信息。
G、revisit-after
<META name="revisit-after"CONTENT="7days">
revisit-after代表网站重访,7days代表7天，依此类推。
1,2 charset 性质
常见使用:用于相关的编码操作
<meta charset="utf-8">
1,3 http-equiv 性质
二次性质
1，常见使用
<meta http-equiv = "参数" ,content = "相关参数"
2，常见参数
<!-- X-UA-Compatible 浏览器的最大兼容性-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Refresh 所指向的新页面
[//(注意后面的引号，分别在秒数的前面和网址的后面)]
注意：其中的2是指停留2秒钟后自动刷新到URL网址。-->
<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com">
<!--这个操作还是比较实用的 ，来写加载页面看起来还行-->
3,不常用参数
A、Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。注意：必须使用GMT的时间格式。
<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">
B、Pragma(cache模式)
说明：禁止浏览器从本地计算机的缓存中访问页面内容。注意：这样设定，访问者将无法脱机浏览。
<meta http-equiv="Pragma"content="no-cache">
D、Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。注意：必须使用GMT的时间格式。
<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">
E、Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。注意：用来防止别人在框架里调用自己的页面。
<meta http-equiv="Window-target"content="_top">
title 标签//双标签
使用：内容为网页标签显示的内容
<title> 网页标签显示的内容 </title>
四，body标签
1，文档特征
=格式 标记=
注意格式标记中的开头空格不会出现，首先我们先接受标签的种类，这一类标签的性质基本上都是一样的，所以我们一起学习他们。
1,标题
<h1~6> 标题内容 </hx>
标题大小从小到大
2.分割线
单标签
<hr>
3,回车
<br>
4,段落
<p></p>
段落标签，写主要的文本内容
5，列表
<ul align="left" >
代办任务
<li>cf完成100道题目</li>
<li>cf完成 1000 分</li>
</ul>
<!--ul 是有序列表 ， ol 是无序列表 , li 是列表里面的每个的值-->
<ol>
获得成就
<li>小试牛刀 —— cf 解决10个问题</li>
<li>大显身手 —— cf 达到 700 分</li>
</ol>
6,不常用的段落
<dl> <!--最大的段落表示 -->
<dt><!--每个点的头 -->
<dd> <!--段落-->
格式标记中的常见性质
1,颜色 ：color=“颜色”
2,地址 ：align=“地址”
3,
时间线 7/20