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 @ 2021-02-08 19:43  洛飞  阅读(918)  评论(0编辑  收藏  举报