如何使用HTML设置图片的高度和宽度

下载PDF文件

下载PDF文件

在本文中：

步骤

相关文章

参考

本指南介绍如何在HTML（超文本标记语言）中设置图片的高度和宽度。

• 宽度属性指定图片的宽度，单位是像素。
• 高度属性指定图片的高度，单位是像素。
• 在HTML 4.01中，可以用像素或包含元素的百分比来定义高度。在HTML5中，只能用像素来定义高度。

步骤

下载PDF文件

1. 
   1
   编辑要显示图片的文件。比如，default.html。
2. 
   2
   在脚本中添加以下内容：

   • <img src="imagefile.jpg" alt="How.com.vn 中文: Image" height="42" width="42">
   • src是图片的文件路径。
   • alt是图片的标记。
3. 
   3
   将height和width替换成所需的高度和宽度。比如，height="19" width="20"。
4. 
   4
   保存文件，然后在任意浏览器中打开，以查看效果。所有主流浏览器都支持宽度属性，比如Google Chrome、Safari、Mozilla Firefox、Opera、Internet Explorer等。
   广告

小提示

• 一定要指定图片的高度和宽度。指定后，页面在加载时就可以为图片预留空间。如果没有这些属性，浏览器就不知道图片的大小，也就无法预留空间，从而导致页面布局在加载图片时发生变化。
• 如果缩小大图片的高度和宽度，虽然在页面上看起来很小，但用户仍需要加载原图。为避免这种情况，先用工具缩小图片，然后再放到网页上。

广告