img标签内的图片怎么自适应img标签的大小呢?

html-css026

img标签内的图片怎么自适应img标签的大小呢?,第1张

img标签内的图片不能自适应img标签大小。

img标签语法:<img src="url" alt="some_text">

URL 指存储图像的位置,alt 属性用来为图像定义一串预备的可替换的文本。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf‐8">

<title>http://www.xinbiancheng.cn</title>

</head>

<body>

<h2>html图像标签怎么使用</h2>

<img src="pic.png" alt="Pulpit rock" width="304" height="228">

</body>

</html>

如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。

使用img标签,给它的width属性设定一个绝对数量值,其高度就会自动按照width的值进行缩放了。

如:

<img alt="" src="imgs/图片.jpg" width="1000" />