Question

假设我们有代码

<!DOCTYPE html>
<html>
<body>

<h2>HTML Image</h2>
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">

</body>
</html>

当我们使用HTML插入图像时，是否需要包括尺寸，宽度和高度。如果我们不需要，它会自动为图像设置默认大小。

Answer 1

HTML中图像的默认大小是文件系统上文件的实际大小。如果要设置图像的高度和宽度，这是我的操作方法（适应您的代码）：

<!DOCTYPE html>
<html>
<head>        
    <style>
        #imageId {
            height: 100px;
            width: 100px;
        }
    </style>
</head>
<body>
<h2>HTML Image</h2>
<img src="pic_trulli.jpg" id='imageId'>

</body>
</html>

然后将大小尺寸（高度，宽度）设置为您想要的大小

图片及其在HTML中的大小

1 个答案: