zoukankan      html  css  js  c++  java
  • 课时21.img标签(掌握)

    1.img标签中的img其实是英文image的缩写,所以img标签的作用,就是告诉浏览器我们需要显示一张图片

    2.img标签格式:<img src=" ">  img是标签名称,src是属性

    其实img标签中的src是英文source的缩写,所以img标签中的src就是用来告诉img标签,需要显示的图片名称

    3.注意点:

    和H系列标签/p标签/还有hr标签不一样,img标签不会独占一行(可以用开发者工具中element来验证,选中img标签,看下是否占据一整行)

    如果我们手动指定了img标签显示的图片的宽度和高度,有可能会导致图片变形了,那么如果又想指定宽度和高度,又不想图片变形,我们可以只指定宽度和高度其中一个值即可,如果只指定了宽度,系统会自动计算高度,如果指定了高度,系统会自动计算宽度,并且都是等比例拉伸的,也就是说不会变形的。

    4.其它的一些属性:

    width:宽度

    height:高度

    所以在img标签中width/height这两个属性的作用,就是用来告诉img标签将来需要显示图片有多宽多高

    如果img标签没有指定需要显示的图片的宽高,那么系统会按照图片默认的宽高来显示,如果img标签指定了宽高,那么系统会按照指定的宽高来显示

    title:用于告诉浏览器,当鼠标悬停在图片上时,需要弹出的描述框中显示什么内容

    alt:其实是英文alternate的缩写,是“交换,替换”的意思,它的作用就是用于告诉浏览器,当需要显示的图片找不到时显示什么内容

  • 相关阅读:
    python面向对象-3类的静态方法和类方法
    python面向对象-2深入类的属性
    python面向对象-1方法、构造函数
    python小练习--函数调用函数,让对象具有能动性
    python小练习--属性
    python面向对象开发的自我理解
    python入门前的准备
    python类的继承-1
    有关孔隙比的基本概念和计算公式
    一维固结试验过程
  • 原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9143829.html
Copyright © 2011-2022 走看看