| 标签名 | 作用 |
|---|---|
| h1-h6 | 标题标签（由大到小） |
| p | 段落标签 |
演示代码：
这是一个h1标签
这是一个h2
这是一个段落
效果：
2.文字修饰类| 标签名 | 作用 |
|---|---|
| em,i | 斜体 |
| b，strong | 黑体 |
| br | 换行符 |
| del | 删除线 |
演示代码：
这是一个斜体标签
这是一个黑体b标签
这是一个黑体的strong标签
这是一个删除线
效果：
二. 布局类标签| 布局类标签名 | 用途 |
|---|---|
| div | 块容器 |
| span | 内联容器 |
| nav | 导航栏 |
代码：
- 无序第一项
- 无序第二项
效果：
2.有序列表ol-li代码：
这是一个有序列表
- 这是序号1
- 这是序号2
效果:
四.图像标签演示代码：
可放入本地图片和图片链接两种，本地图片又分为绝对地址和相对地址。
>绝对地址：从根目录到当前文件地址C：/user/img.png
>相对地址：从当前文件到需要的文件地址 当前目录 ./ 上级目录../
2. alt内放置代替图片的文本，当图片无法加载时显示。
效果：
五.超链接演示代码：
回到顶部
a. URL：统一资源定位符 http://www.baidu.com
b. URI：统一资源标志符 tel:12345
c. 文件路径 ./
d. 跳转锚点 #page
(URL: 输入域名通过DNS服务器转化成IP地址。再访问对应的服务器。
URI:value主要负责将数据传入服务器中。)
a. _blank 在新的空白窗口打开
b. _self 在本页面中打开 （一般默认为它）
效果：
六.表格标签演示代码：
收入
支出
剩余
5000
2000
3000
| 表格属性 | 作用 |
|---|---|
| border | 边框 （黄色） |
| cellpadding | 表格填充 （橙色） |
| cellspacing | 表格间距 （红色） |
效果：
七.表单标签 1. form表单标签
method有两种提交方式：get和post
action为提交地址
2. input 输入框标签（要内嵌入form表单中）
a. 输入框类型type有许多种，下边给出常见的几种。
| tpye | 说明 |
|---|---|
| text | 输入框：文本 |
| password | 输入框：密码 |
| button | 按钮 |
| radio | 单选框 |
| checkbox | 多选框 |
| submit | 提交 |
b. value主要负责将数据传入服务器中
c. name 方便归类
效果：
八. button标签演示代码：
类型type有两种：button 或 submit
九.字符实体为了显示预留字符，如大于、小于号、空格等，则需要使用字符实体
< p ">>< p ">>
效果
空格字符实体
style （css属性标签）
id
class
这三种属性都可以应用到各类html标签中，为通用属性。
