HTML：超文本标记语言，特点：简单、可扩展、跨平台、通用。
HTML是用来描述网页的，其包含了标签和文本。
<!DOCTYPE html>:代表网页的文档类型，申明浏览器解析网页的代码的解析规则。
<meta charset="utf-8">:定义了文档的编码集。
meta可以定义网页的关键字和描述，有利于搜索引擎收录，有利于seo优化，不要轻易更改。

浏览器的加载模式

严格模式（标准模式）：严格按照w3c规则解析代码
混杂模式（兼容模式）：浏览器按自己的规则来解析代码

常用HTML标签

文本标签

1.标题标签h（h1-h6）：数字越大，字号越小，默认加粗。【好处：有利于搜索引擎收录，有利于seo优化】
2.段落标签p：一个段落一个p标签（默认上下有间距margin）
3.span标签：存放一些简单的文本或提示性信息，可以同行显示
4.label标签：有特殊用法，可配合表单元素一起使用，来控制表单元素，可以同行显示
特殊用法：for属性可以指定表单元素的id名，点击label里面的文本可以控制指定的表单元素获取焦点
5.b/strong标签：加粗标签，推荐使用strong，同行显示
6.i/em标签：斜体标签，推荐使用i，同行显示
7.br标签：换行标签 8.hr标签：分割线

图片标签

img src="" alt=""
src：连接图片的文件路径，可以是网络图片也可以是本地图片。
alt：图片加载失败时显示的解释说明的文字
title：图片加载成功时，鼠标移入图片显示文字
width：图片宽度
height：图片高度
宽和高只设置一个时，等比例缩放，同时设置可能拉伸导致图片变形
路径：绝对路径（目标文件在目录下具体的位置）；相对路径（以某个文件为参考找到目标文件的路径）

超链接标签

用于网页的跳转(a标签)
a href="" /a
href：连接需跳转的网页的路径，可以是网络路径（http或https），也可以是本地路径
target：控制新开网页的打开方式。`_self`表示当前窗口打开网页；`_blank`表示新开窗口打开网页
href="#id名"：锚点，以#id名可以指定跳转到指定位置
（id名是唯一的，由数字、字母、下划线构成，不能数字开头，不能有特殊符号）

Table标签

用于制作网页上的表格
table：代表一个表格。（border设置表格的边框，width设置宽度，height设置高度，align设置对齐方式）
tr：代表行，几行就几个tr
td：代表列，几列就几个td
cellspacing：设置单元格之间的间距
cellpadding：设置单元格边框和内容之间的间距
bgcolor：设置背景颜色
优先级：td>tr>table

表单

登录注册等需要进行数据交互的标签
输入框input input type="text" placeholder="xxx"
type类型：text：文本；password：密码；radio：单选框；checkbox：复选框（单选和复选的默认选中属性为checked）
placeholder：文本框默认的提示性信息
value：设置文本框中的默认值
设置单选框时需要设置相同的name名，同组单选框设置同一个name
下拉列表select（下拉列表中默认选中使用selected，默认显示第一个选项）
select
option选项
/select
multiple属性设置在select标签上，可以实现多选
文本域textarea
textarea name="" id="" cols="" rows=""
cols：一行可以输入多少个字符
rows：文本域可以显示几行
(可以变相控制文本域的宽高)
表单标签form
form action="success.html" method="post"
action：设置提交数据的服务器地址
method：设置提交数据的提交方式（get，post）
get：从服务器获取数据，也可以提交数据，数据会显示在窗口地址栏
post：提交数据给服务器，数据不会显示在窗口的地址栏
name：数据的存储位置
value：存储的具体值

列表标签

无序列表ul（默认上下有16px的margin padding-left有40px）
ul里面只能有li标签
ul、li都是独占一行
有序列表ol（默认上下有16px的margin padding-left有40px）
ol里面只能有li标签
ol、li都独占一行
有序和无序可以相互嵌套
定义列表dl
dt：指定一个名词，dd：针对名词进行解释
dl
dt /dt
dd /dd
/dl
dl、dt、dd独占一行

其他标签

div：可看作一个容器，独占一行，无样式，可以通过css来设置
marquee：跑马灯，内容从右边进，滚动到左侧消失，无序循环播放
iframe：框架标签，可以在网页中嵌套其他网页
del：删除线标签
fieldset：带边框的标签

<fieldset>
  <!--设置边框上的标题-->
  <legend>登录</legend>
  <form action="">
    用户名：<input type="text">
    密码：<input type="password">
  </form>
</fieldset>

HTML基本标签