参考资料

1. HTML DOM 返回文档中的图像数
2. HTML DOM 返回页面上所有相对链接的基链接 实例
3. HTML DOM 返回图像映射的某个区域的pathname 实例
4. HTML DOM 返回一个iframe中的longdesc属性的值
5. HTML DOM 返回表单中的enctype属性的值
6. HTML DOM 返回图像映射的某个区域的port 实例
7. HTML DOM对单个单元格的内容垂直对齐
8. HTML DOM 返回image的longdesc属性的值

HTML DOM Image 的 hspace 和 vspace 属性

介绍

hspace 和 vspace 是 HTML <img> 元素的旧属性，用于控制图片周围的水平(hspace)和垂直(vspace)空白间距。这些属性在 HTML5 中已被废弃，建议使用 CSS 替代。

标签

<img src="image.jpg" hspace="value" vspace="value">

用法

• hspace: 设置图片左右两侧的空白间距（像素值）

• vspace: 设置图片上下两侧的空白间距（像素值）

实例

<img src="example.jpg" hspace="20" vspace="10" alt="示例图片">

功能

• 在图片周围创建空白区域

• 防止文本或其他元素紧贴图片

CSS 替代方案

推荐使用 CSS 的 margin 属性替代 hspace 和 vspace:

img {
  margin: 10px 20px; /* 上下10px，左右20px */
}

或者单独设置：

img {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

注意事项

• hspace 和 vspace 属性在 HTML5 中已废弃

• 这些属性只接受像素值，不接受其他单位

• 现代网页开发应使用 CSS 来控制间距