HTML叫做超文本标记语言，是一种制作万维网页面标准语言。相当于定义一套规则，大家都来遵守它，这样浏览器就可以去解释它。
浏览器负责将标签翻译成用户看得懂的格式，呈现给用户。
作为开发者需要学习的：
1.学习HTML规则
2.从数据库获取数据，然后替换到HTML文件的指定位置（web框架）
HTML文档如果新建一个HTML文档，编译器会帮你自动写好基本格式：
我们一一来看，他们是怎么回事
head 标签 1.DoctypeDoctype告诉浏览器使用什么样的规范来解析文档。这个属性会被浏览器识别并使用，如果你的页面没有这个声明，那么默认是标准兼容模式未开启，浏览器会按照自己的方式去解析渲染页面。这将是恶魔的开始。
2.Metameta标签提供有关页面的信息，例如页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词。
1.页面编码
charest=“utf-8”
2.刷新和跳转
<meta http-equiv="Refresh"Content="30"> 每隔30秒刷新一次网页
<meta http-equiv="Refresh"Content="5;Url=http://www.baidu.com"> 过5秒跳转到某网页。（关于跳转，可以在应急的时候用，一般可以用js实现）
3.关键词
<meta content="星际2，飞船，UFO，皮卡"> 关键字
4.描述
<meta content="为您提供最新的信息"> 网站描述
3.titletitle标签写网站头部信息，即网页标签的名称
4.Linklink标签有两个作用：
1.设置标签页图标：
<link href="http://www.likecs.com/image/favicon.ico"> # rel指的是类型，href是文件路径，(image是存放图片的文件夹)
2.外联CSS文件
<link type="text/css" href="http://www.likecs.com/css/common.css"> # rel指的是类型，href是存放css文件的文件夹
5.style在页面中写样式
6.script1.引进文件
<script type="text/javasvript" src="http://www.googletagservices.com/tag/js/gpt.js"></script>
2.写js代码
<script type="text/javascript">...</script>
以上都是head标签，head标签内的内容是不会显示在界面上的(除了title)。接下来讲body标签
body标签标签一般分为两种：
1.块级标签
霸占一整行的标签。比如：<h>,<p>,<div>,<form>,<table>,<ul>,<ol>等
2.行内标签
可以多个标签共同占用一行的标签。比如：<span>,<a>,<input>,<img>,<label>,<select>,<textarea>,<img>,<br>等
1.各种符号使用字符编码来代替某种符号，详细对照表参照
2.<p>标签段落标签：<p>文字</p>，在里面的文字自成一个段落。段落之间会有间距，但换行没有
3.<br>标签用于换行
4.<h>标签标题（自动加大加粗），分为1~6等级，h1最大，h6最小。书写：<h1>标题</h>
5.<span>标签白板，本身没有特性，行内标签。
6.<div>标签（最最常用）白板，本身没有特性，块级标签。
7.<a>标签1.做链接。<a href="http://www.baidu.com" target="_blank" title="点一下看看啊">你好</a> # 页面中点击“你好”，跳转页面，参数target=_blank表示跳转到新的标签页，title属性作用：当鼠标悬浮时的提示信息。
2.锚点。用来记录页面浏览的位置。
<a href="#i1">第一章</a> <a href="#i2">第二章</a> <a href="#i3">第三章</a> <a href="#i4">第四章</a> <a href="#i5">第五章</a> <div>第一章的内容 <p>绪论</p></div> <div>第二章的内容 <p>公元500年</p></div> <div>第三章的内容 <p>公园1000年</p></div> <div>第四章的内容 <p>公元1900年</p></div> <div>第五章的内容 <p>公元2010年</p></div>