提示：大家不要觉得内容多，静下心来，一点一点的看，其实很简单
1、 html标签
- 由尖括号包围规定的关键词组成，比如 <html> <div>
2、 html标签按结构分类
- 成对出现的标签
<div></div>
标签对中的第一个标签是开始标签，第二个标签是结束标签；
- 单独出现的标签
<img src="zfpx.jpg" >
3、 html属性
我们肯定听说过css属性，那什么是html属性呢？
比如刚才我们说的单独出现的标签中
<img src="zfpx.jpg" title="我是一张图片" alt="珠峰培训" >
html属性是用来修饰的，提供各种附加信息，属性放在开始标签内，包括：src、title、alt、align
- 格式：
属性名=”属性值”
src 图片链接地址,贴图标识必备属性
title 鼠标经过图片时，会出现一个小的提示框，提示框中显示title中的内容
alt 对该图片的描述、说明
<div align="right">123</div>
align 对齐方式
4、html标签按属性分类
常用的块级元素
- 块级元素的特点：
1、独占一行
2、可以设置宽高
3、在不设置宽度和高度的情况下，宽度是父级元素的宽度，高度是自身内容的高度
| 标签 | 标签的作用 |
|---|---|
| div | 区分大结构 |
| p | 段落、放一段文字 |
| h1~h6 | 标题 |
| h1 | 网页中最重要的内容：logo 网站的标题；网页中普通的标题 一般用h3或者h4、h5 |
| 列表标签 | 通常放结构或者格式重复出现的内容，每一个重复出现的内容，放到每一个li里面 |
| ul li | 每一项前面都有一个点（无序列表） |
| ol li | 每一项前面都有对应的数字（有序列表） |
| dl | 定义列表 |
| dt | 名词 |
| dd | 名词解释 |
| table | 表格 |
| caption | 表格的标题 |
| thead | 表格的头部 |
| tbody | 表格的主体 |
| tr | 行 |
| td | 列 （普通的列，可以放在tbody下面） |
| th | 列 （只放在thead的里面，文字默认加粗） |
| pre | 预格式文本 |
| hr | 分割线 |
| form | 表单 |
常用的行内元素
- 行内元素的特点：
1、不独占一行，在一行显示
2、不可以设置宽高
3、宽度是自身内容的宽度，高度是自身内容的高度
| 标签 | 标签的作用 |
|---|---|
| span | 用来区分小结构，通常放几个文字，或者小图标 |
| a | 超链接 自带下划线，文字默认是蓝色的 |
| i | 斜体 |
| em | 斜体（强调语气的作用） |
| b | 加粗 |
| strong | 加粗（强调语气的作用） |
| s | 中划线 |
| del | 删除线 |
| u | 下划线 |
| sub | 下标 |
| sup | 上标 |
| br | 强制换行，一般放在p标签里面 |
常用的行内块级元素
- 行内块级元素的特点：
1、不独占一行
2、可以设置宽度和高度
3、在不设置宽度和高度的情况下，宽高是自身内容的宽高
| 标签 | 标签的作用 |
|---|---|
| img | 图片 |
| input | 表单元素 |
霍营市场监督管理所投诉举报电话：010-60787760 | 