<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片标签</title>
</head>
<body>
<!--
使用img标签来引入外部图片,img标签是一个自结束标签
img元素属于替换元素,介于块和行内元素之间,具有两种元素之间
属性:
src属性指定的是外部图片的途径(路径规则和超链接一样)
alt属性是对图片的描述,这个描述默认情况下不会显示,有些浏览器图片无法加载时显示
搜索引擎会根据alt中的内容来识别图片,如果不写alt属性则图片不会被搜索引擎所收录
width图片的宽度(单位是像素)
height图片的高度(单位是像素)
-宽度和高度中如果只修改了一个,则另一个会等比例缩放
注意:
一般情况在pc端,不建议修改图片的大小,需要多大的图片就裁多大
但是在移动端,经常需要对图片进行缩放(大图缩小)
图片的格式:
jpeg(jpg)