---是什么？超文本标记语言
---能干什么？描述网页的一种语言
---怎么干？一套标签
前端三剑客的关系：
1. HTML是网页内容的载体。
2. CSS样式是表现。
3. JavaScript是用来实现网页上的特效效果。
几个注意点：
1.HTML不区分大小写
2.一般而言标签都是成对出现的，一些特殊的标签（如换行），应当在标签内结束 <br/>
3.语义化
HTML的操作思想：
网页中有很多不同的数据，不同的数据需要不同的显示效果，需要进行相关的封装，再进行相关标签属性的修改
常用标签（注意红色标签）
1.文字标签和注释标签
<font size="" color=""></font> 1.英文单词表示法 2.使用十六进制 #FFFFFF RGB三原色表示法
<!--这是一个注释-->
注意：
style 属性淘汰了旧的 "align" 属性。
style 属性淘汰了旧的 <font> 标签。
style 属性淘汰了“旧的” bgcolor 属性。
2.标题标签 水平线标签和特殊字符
<h1></h1> 1到6依次变小
<hr/> 同样拥有size 和color属性
对<>等进行转义 < < > >
3.列表标签:一般有缩进的考虑列表标签
<dl></dl>:表示标签的范围
子标签： <dt></dt>上层
<dd></dd>下层
<ol></ol>：表示有序列表的范围,拥有排序方式属性：type 常见type="1或a或i"
子标签：<li></li>
<ul></ul>:表示无序列表的范围，拥有type属性
子标签：<li></li>
4.图像标签
<img src="图片路径"/>：拥有width height title alt等属性
5.路径的介绍
绝对路径 相对路径
当前路径./ 上层路径../
6.超链接标签
链接资源
<a href="为#时仅为占位符">链接显示内容</a>
target _blank新窗口打开 _self当前页面打开
定位资源
<a name="top">顶部</a>
<a href="#top">回顶部</a>
7.表格标签
<table></table>:表示表格的范围，拥有align border等（<caption>表格标题）
子标签 行：<tr></tr> 下一级 单元格：<td></td>
类似于表头（可以实现居中和加粗）<th></th>
跨行跨列标签：rowspan colspan
8.表单标签：数据的提交 交互等 【重要】
<form></form>:定义表单的范围，拥有action（提交地方）method（提交方法）
get:地址栏会携带提交的信息，不安全，信息大小有限制
post:信息在请求体里面，理论上没有限制
子标签：大部分输入项标签由<input/>实现（标签内结束） 由type属性选择
【注意】type以及定位标签的name属性等。
type="text" 普通文本框
type="password" 密码输入框
type="radio" 单选输入框
（要有相同的name属性值以及区分的value值,checked默认选中
type="checkbox" 复选框（同上
type="file" 文件输入框
type="hidden" 隐藏项
type="submit" value="提交按钮上内容"提交
注意submit范围应当在</form>前才是提交里面的内容啊
提交表单需要控件有name属性
使用图片提交
<input type="image" src=""/>
下拉标签： <select name="">
<option value=""></option>
</select>
!文本域：<textarea cols="" rows=""></textarea>
9.其它标签
<b></b> 加粗
<u></u> 下划线
<i></i> 斜体
<s></s> 删除线
<pre></pre> 原样输出，会换行
<sub></sub> 上标
<sup></sup> 下标
<p></p> 段落标签
***CSS中的常见标签***
<div></div> 容器标签，设置单独的样式 自动换行
<span></span> 不换行
10.头标签
<head></head>
子标签： <title></title>
<meta>:提供页面有关的信息，实现定时跳转等功能。
<base>：设置超链接的基本信息等。如target
<link>:引入外部文件
11.框架集标签：使用时必须去掉整个body，已过时，被div所替代
<frameset> ：拥有rows cols标签来表示划分方式，
<frame> ：常用name与src属性
<frame>：在href处使用target=frame的name位置处
</frameset>
小问题：使用框架集时，会出现页面套页面的不正确显示结果
最简单的解决方式是：在form标签里使用target="_parent"，设置打开位置为父页面