HTML2

一.列表（列表之间可以互相嵌套）

1. 有序列表：<ol><li></li></ol>使用li表示列表项
2. 无序列表：<ul><li></li></ul>（使用最多）
3. 定义列表：使用dl标签创建一个定义列表，使用dt表示定义的内容，使用dd来对定义的内容进行解释说明

二.超链接

定义：可以让我们从一个页面跳转到另一个页面，或者是当前页面的其他位置。

            超链接也是行内元素，可以嵌套除自身外的任何元素。

• 使用a标签来定义超链接

1. 属性

       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.图片的格式

1. jpeg（jpg）

   -支持的颜色比较丰富，不支持透明效果，不支持动图

          -一般用来显示照片

2. gif

   -支持的颜色比较少，支持简单透明，支持透明

          -颜色单一的图片，动图

3. png

   -支持的颜色丰富，支持复杂透明，不支持动图

         -颜色丰富复杂透明图片（专为网页而生）

4. wepb

       -这种格式是谷歌新推出的专门用来表示网页中图片的一种格式

              -它具备其他图片的所有优点，而且文件还特别小。缺点：兼容性不好

四.内联框架

1.用于向当前页面引入一个其他页面

        src:指定要引入的网页的路径

        frameborder:指定内联框架的边框

<iframe src="https://www.qq.com"  frameborder="0"></iframe>

五.音视频播放

1.audio标签  用来向页面引入外部的音频文件，默认情况下，不允许用户自己控制播放停止

         属性：  controls 是否允许用户控制播放（均没有属性值）

                      autoplay 音频是否自动播放 

                      loop  音频是否循环播放

2.video标签  用来向页面引入外部的一个视频