img属性

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
 
<!--
图片标签用于向当前页面中引入一个外部的图片
使用img标签引入外部图片,img标签是自结束标签
src属性是指外部图片的路径,路径规则和超链接是一样的
img这种元素属于替换元素:其显示的并不是img本身,而是img其引入的资源(其基于块和行内元素之间)

alt属性,表示图片的表述,该属性默认情况下不显示,但是有些浏览器在图片没有办法加载的时候,就会显示。其主要是提供一个关键字给搜索引擎,就是用alt字段来表示,如果不写alt属性,那么久不会被搜索引擎收录
width 图片的宽度 单位像素
height 图片的高度 单位像素
如果宽度和高度只修改一个,则另一个会等比例缩放
注意:一般情况下在pc端,不建议修改图片的大小,需要多大的图片就裁剪多大的图片
但是在移动端,经常需要对图片进行缩放(主要是大图缩小,因为如果是小图的话就会失真)
-->111
<img width="400" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4089527824,2753004895&fm=26&gp=0.jpg" alt="我也不知道是什么哈">
 
</body>
</html>

  

 

posted @   洛飞  阅读(932)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示