课时21.img标签（掌握）
2024-09-02 21:45:46
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的缩写，是“交换，替换”的意思，它的作用就是用于告诉浏览器，当需要显示的图片找不到时显示什么内容
最新文章
- Java的数据类型
- 将sqlserve数据绑定到dataGridView中及一些操作
- ArcGis 获取地理、平面坐标系
- 今天开始应该使用 5 个JavaScript调试技巧
- jQuery EasyUI - Add link to datagrid cell
- 《Entity Framework 6 Recipes》中文翻译——第十章EntityFramework存储过程处理（八）
- Android studio运行时报错，方法，类找不到，或者JVM内存溢出解决方案
- MSIL实用指南-一维数组的操作
- bzoj 1407: [Noi2002]Savage
- NetStandard;.netCore;FX(.netFrameWork)之间引用关系
- spring boot启动报错
- jar 不是内部或外部命令 CLASS_PATH设置
- 关于RedHat Enterprise Linux 6.4使用Centos 6 的yum源
- 404. Sum of Left Leaves 左叶子之和
- 浅谈flex布局
- 构建docker镜像
- hdu 1224(动态规划 DAG上的最长路)
- 性能百万/s：腾讯轻量级全局流控方案详解【转自Wetest】
- 使用docker的kms服务器激活office2016专业增强版
- BZOJ 3028: 食物