html方框内填充图片代码

在 HTML 中，我们可以通过在方框内放置图片，使网页更生动有趣。接下来，我们来了解如何在 HTML 中填充图片的代码。

<div>
  <img src="image.jpg" alt="图片描述">
</div>

我们使用 <div> 标签来创建方框，并在其中插入 <img> 标签。其中，<img> 标签的 src 属性指定了图片的地址，alt 属性则是图片的描述文字。

如果我们希望图片自适应方框大小，可以通过设置 CSS 样式来实现：

<style>
  .box {
    width: 300px;
    height: 200px;
    overflow: hidden;
  }
  .box img {
    width: 100%;
    height: auto;
  }
</style>
<div class="box">
  <img src="image.jpg" alt="图片描述">
</div>

我们使用 .box 类来设置方框的大小，并设置 overflow 属性为 hidden，这样可以避免图片溢出方框。而 <img> 标签中的 width 属性设置为100%，则表示图片会自动适应方框宽度，height 属性设置为 auto，则表示高度会根据宽度自动缩放。

这样，我们就可以轻松地在 HTML 中填充图片了。记得选择适合网页风格和主题的图片，让网页更加美观吸引人！