其他分享
首页 > 其他分享> > HTML2

HTML2

作者:互联网

一.列表(列表之间可以互相嵌套)

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

二.超链接

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

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

  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标签  用来向页面引入外部的一个视频

标签:标签,页面,HTML2,超链接,跳转,图片,属性
来源: https://blog.csdn.net/m0_66506641/article/details/122639619