1、文本、链接标签和图像标签
1.1、标题标签 -- hn
1.1.1、语法
h<n>
1.1.2、说明
》标题可分为六级，用h1-h6表示
》n可以是1、2、3、4、5、6
1.1.3、特点
》标题文字自动加粗，依次减小
》<h1>是最大标题，<h6>是最小标题
1.1.4、应用
通常用于作为文章标题、表格的title进行使用。
1.2、字体标签 -- font
1.2.1、语法
<font 属性名1=属性值1 属性名2=属性值2 .......>文本内容</font>
1.2.2、说明
》标签是规定文本的字体尺寸、字体颜色的标签
1.2.3、常用属性
》color：颜色值可以使用英文单词、十六进制、RGB表示
》size：表示大小，数值从 1 到 7，也可以使用具体的属性值(pt--弃用、px)
1.2.4、作用
通常用于改变字体的特定效果。
1.3、超链接标签 -- a
1.3.1、语法
<a 属性名1=属性值1 属性名2=属性值2 .......>文本内容</a>
1.3.2、说明
》<a> 标签是一个双标签
》通过超链接标签可以跳转到其他页面位置
1.3.3、常用属性
》href：设置链接路径
# 绝对路径：指向另一个站点
# 相对路径：指向站点内某文件
# 锚点路径：指向页面内某位置
》target：链接目标的打开方式
# _self：默认值,原窗口打开
# _blank：新窗口打开
# _top：取代并在当前框架中打开
# _parent：在父窗口或者包含了超链接引用的框架中打开
1.3.4、应用
任何需要进行页面跳转的位置进行使用。
1.4、图片标签 -- img
1.4.1、语法
<img 属性名1=属性值1 属性名2=属性值2 ....... />
1.4.2、说明
》<img>标签是单标签
》在网页中插入图片
1.4.3、常用属性
》src：图片的载入路径
》alt：图片加载失败的显示文字
》title：鼠标移到图片上显示提示文字
》width：图片宽度（单位：像素）
》height：图片高度（单位：像素）
》border：图片的边框（单位：像素）
1.5、水平线标签 - hr
2、表格标签和列表标签
2.1、表格标签
2.1.1、语法
<table>
<tr>
<th></th>
......
</tr>
<tr>
<td></td>
......
</tr>
<table>
2.1.2、说明
》表格 由 <table> 标签来定义(table -- 表格)
》每个表格均有若干行（由 <tr> 标签定义，tr -- table row的缩写）
》每行被分割为若干单元格（由 <td> 或<th>标签定义，td -- table data cell的缩写，th -- table header cell的缩写)
2.1.3、table常用属性
》width：表格的宽度(默认尽可能小)，数值+px/%
》height：表格的高度，数值+px
》border：表格边框粗细，数值+px
》bgcolor：表格的背景颜色，英文单词/16进制/rgb()
》align：表格的对齐方式，left/center/right
》cellspacing 属性设置单元格间距，默认值为2px;
》cellpadding 属性设置单元格边距，默认值为1px.
2.1.4、tr常用属性
》width：单元格的宽度，单位是%或像素px
》bgcolor：单元格的背景颜色， 颜色值
》align：单元格的水平对齐方式，left/center/right
》valign：单元格的垂直对齐方式，top/middle/bottom
2.1.5、td的常用属性
》rowspan：多行合并，数值
》colspan：水平合并，数值
2.1.6、应用
》简单页面布局
》数据输入与展示
2.1.7、优缺点
》简单方便
》代码繁琐
2.2、列表
2.2.1、作用
》在网页中将相关资料以条目的形式
2.2.2、无序列表
》语法
<ul 属性名=属性值>
<li>列表项</li>
</ul>
》说明
# 无序列表是没有先后顺序的
》常用属性
# type：项目符号的类型
--disc：默认值，空心圆
--square：小方块
--circle：空心圆
2.2.3、有序列表
》语法
<ul 属性名=属性值>
<li>列表项</li>
</ul>
》说明
# 有序列表是有特定顺序的
》常用属性
# type：项目符号的类型
--1：项目符号显示为1 2 3...
--a或A：项目符号显示为英文字母a b c...或A B C...
--i或I：项目符号显示为罗马字符i ii iii..或I II III..
# start：符号的其实值
2.2.4、自定义列表
略
3、表单标签
3.1、表单
表单用于收集用户输入的信息，并通过浏览器向网站传送。
3.2、form表单
1)、作用
将表单内所有元素作为一个逻辑单元进行提交或管理。
2)、语法
<form>
表单元素
</form>
3)、常用属性
》action：用于设置表单的提交地址
》target：用户设置表单的打开方式
3.3、表单元素
3.3.1、语法
<input 属性名=属性值1></input>
3.3.2、常用属性
》type：用于指定表单元素的类型
3.3.3、输入框
1)、文本输入框 -- text
输入单行文本
2)、密码输入框 -- password
密码输入框。
3)、常用属性
》placeholder：提示的文本内容
3.3.4、选择输入框
1)、单选框 -- radio
只能选择其中一项。
2)、复选输入框 -- checkbox
可以选择多想
3)、常用属性
》checked：使选择框处于选中状态
3.3.5、文件域 -- file
实现文件上传功能
3.3.4、下拉列表
1)、作用
以下拉选择的方式为用户提供输入选项。
2)、语法
<select>
<option>选项内容</option>
</select>
3)、常用属性
》selected：设置默认选择项
3.3.6、多行文本框 -- textarea
1)、语法
<textarea>文本内容</textarea>
2)、作用
用于多行文本的输入。
3)、常用属性
》cols： 文本域的列数（宽度 ）
》rows：文本域的行数（高度）
》maxlength：属性用于限定文本域文字的最大长度
3.3.7、H5新增元素
1)、email
提交时自动对email进行验证，不是有效的email地址则提交失败
2)、number
用于输入数值的文本框。可以通过min、max等属性设置数值的最大值，也可以通过step和value设置步长和初始值
3)、date（不是很好用）
选取日、月、年，即选择一个具体的日期
3.3.8、按钮
1)提交按钮 -- submit
将表单数据提交给指定的URL进行处理
2)重置按钮 -- reset
建个表单中所有元素的值重置为初始状态
3)、一般按钮 -- button
普通的按钮，需要开发人员编写代码实现功能。
4、其他标签
4.1、水平线标签 -- hr
4.1.1、语法
<hr />
4.1.2、说明
用来分隔 HTML 页面中的内容，并显示为一条水平线
4.1.3、常用属性
》 align：水平对齐方式
》 color：水平线颜色
》 size：水平线粗细
》 width：水平线宽度
4.2、滚动标签 -- marquee
4.2.1、语法
<marquee>滚动内容</marquee>
4.2.2、作用
创建带有滚动效果的文字
4.2.3、常用属性
》behavior：设定滚动的方式，scroll（连续滚动）slide（滑动一次）alternate（来回滚动）
》bgcolor：设定活动字幕的背景颜色，值是16进制的RGB颜色，默认白色
》direction：设定活动字幕滚动方向，left，right，up，down默认left
4.3、预格式化标签 -- pre
4.3.1、语法
<pre>内容</pre>
4.3.2、作用
保留内容中的空格和换行符。按原文本格式进行呈现。
4.4、布局元素 -- div
4.5、本文域标签 -- span
4.6、段落标签--p
