ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML2

2022-01-23 14:01:21  阅读:121  来源: 互联网

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

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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有