一.列表（列表之间可以互相嵌套）
- 有序列表：<ol><li></li></ol>使用li表示列表项
- 无序列表：<ul><li></li></ul>（使用最多）
- 定义列表：使用dl标签创建一个定义列表，使用dt表示定义的内容，使用dd来对定义的内容进行解释说明
二.超链接
定义：可以让我们从一个页面跳转到另一个页面，或者是当前页面的其他位置。
? ? ? ? ? ??超链接也是行内元素，可以嵌套除自身外的任何元素。
- 使用a标签来定义超链接
- 属性
? ? ? ?1. href：指定跳转的目标路径?
? ? ? ? ? ? ? 1）值可以是某一个外部网站的地址 ，也可以是内部页面的地址。
? ? ? ? ? ? ? 2） 可以将href的属性设置为#，这样点击超链接之后，页面不会发生跳转，而是回到页面顶部
? ? ? ? ? ? ? 3）在开发中可以用#作为占位符的使用
? ? ? ? ? ? ??4）可以使用javascript：；作为href的属性，点击这个超链接什么也不会发生
? ? ? ? 2.target：用来指定超链接打开的位置
? ? ? ? ? ? ? ? -self 默认值，在当前页面打开超链接
? ? ? ? ? ? ? ? -blank 在一个新的页面中打开超链接
? ? ? ? 3.id：唯一不重复
? ? ? ? ? ? ? ? 每个标签都可以添加一个id属性
? ? ? ? ? ? ? ? id属性就是元素的唯一标识，同一个页面中不能出现重复id
? ? ? ? ? ? ? * 可以跳转至页面的指定位置，只需将href属性设置为 #目标属性的id属性值
- 相对路径
? ? ? ? ? ? ?当我们跳转到服务器内部页面时，一般会使用相对路径。
? ? ? ? ? ? ?相对路径都会以.或..开头
? ? ? ? ? ? ?./可以省略不写，如果不写./也不写../相当于写了./
- ./表示当前文件所在目录
- ../表示当前文件所在目录的上一级目录
三.图片标签? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
1.用于向当前页面引入外部图片
2.使用img标签引入图片，img标签是自结束标签，img属于替换元素，介于块和行内元素之间
????????属性? scr：指的是外部标签的路径（路径规则与超链接是一样的）
? ? ? ? ? ? ? ? ?alt：图片的描述 一般情况下不会显示，有些浏览器图片无法加载时会显示
? ? ? ? ? ? ? ? ? ? ? ? 搜索引擎根据alt的内容识别图片，如果不写不会被搜索引擎收录
? ? ? ? ? ? ? ? width：图片的宽度（单位是像素）
? ? ? ? ? ? ? ? height：图片的高度
注：在pc端，一般不建议修改图片的大小，在移动端，经常需要对图片进行缩放（大图缩小）
3.图片的格式
- jpeg（jpg）
-支持的颜色比较丰富，不支持透明效果，不支持动图
? ? ? ?-一般用来显示照片
- gif
-支持的颜色比较少，支持简单透明，支持透明
? ? ? ?-颜色单一的图片，动图
- png
-支持的颜色丰富，支持复杂透明，不支持动图
? ? ? -颜色丰富复杂透明图片（专为网页而生）
- wepb
? ? ? ?-这种格式是谷歌新推出的专门用来表示网页中图片的一种格式
? ? ? ? ? ? ? -它具备其他图片的所有优点，而且文件还特别小。缺点：兼容性不好
四.内联框架
1.用于向当前页面引入一个其他页面
? ? ? ? src:指定要引入的网页的路径
? ? ? ? frameborder:指定内联框架的边框
<iframe src="https://www.qq.com"? frameborder="0"></iframe>
五.音视频播放
1.audio标签? 用来向页面引入外部的音频文件，默认情况下，不允许用户自己控制播放停止
? ? ? ? ?属性：? controls 是否允许用户控制播放（均没有属性值）
? ? ? ? ? ? ? ? ? ? ? autoplay 音频是否自动播放?
? ? ? ? ? ? ? ? ? ? ? loop? 音频是否循环播放
2.video标签? 用来向页面引入外部的一个视频
