一、结构布局标签
（一）结构标签
1、<div></div>——无意义，像一个装东西的大盒子，运用最多
2、<span></span>——无意义，像一个装东西的小盒子，有凸显里面文字的作用
（二）语义化布局标签（像有名字的div）
1、<header></header>头部
2、<section></section>内容块
3、<footer></footer>尾部
4、<nav></nav>导航
作用：为了搜索引擎
语义化规范：用合适的标签包合适的内容
5、<aside>：侧边栏标签——装载非正式的内容，如侧边广告
6、<article>：定义文章
二、列表标签
1、有序列表
<ol>
<li>
</li>
</ol>
2、无序列表
<ul>
<li>
</li>
</ul>
3、注意
①必须成对存在
②ol，ul里面可以在嵌套ol ，ul
③li不能单独存在
三、其他常用标签
1、<p></p>段落标签，主要用于文本
2、<h></h>标题标签，共6个标签
h1——h6（字体越来越小，有加粗效果）
3、<img>图片标签
相关属性：
（1） src ：路径
相对路径：图片相对于此文件的位置
./ 选中同级目录下面的文件
../ 回退到上一级
img/ 进入到img文件夹里面去
绝对路径 ：<img src="D:\gxa\白白\W666\第一阶段\课堂代码\day2\登录流程图 23.png" alt="">
（2）alt ： 替换文本
当图片没有显示出来的时候出现的文字
（3） title : 图片标题 鼠标移上去显示的文字
4、<a>超链接标签
（1）功能：
①跳转页面
②打电话：用手机打开
③可以链接到客服
（2）路径：类比<img>的src属性
①相对路径
②绝对路径
（3）重要属性
①href属性：链接地址
（地址未确定，可先用''#"代替）
②target属性：网页窗口打开方式
target 属性值：
_self：默认 在当前窗口打开
_blank：在新窗口打开
四、需要了解的标签
1、加粗样式标签
（1）<strong>：不常用——有强调作用
（2）<b>：不常用
（3）常用加粗方法：用CSS——单纯让字体变粗
2、倾斜标签
（1）<em>
（2）<i>
3、其他标签
（1）<del>：删除线
（2）<hr> :水平分割线——贯穿整个屏幕
（3）<br>：换行
（4）<address>地址
4、实体字符 特殊字符 用的时候去搜
空格
< 小于
> 大于
5、其他标签 做了解
q 加双引号
pre 预格式化文本
6、<audio> 音频 h5标签
<video> 视频 h5标签
src: 路径
controls ： 显示控件
autoplay : 自动播放
muted: 静音播放