参考资料

1. HTML DOM 返回一个区域的href属性的querystring部分 实例
2. HTML DOM 返回和设置链接的href属性实例
3. HTML DOM write() 和 writeln()的不同实例
4. HTML DOM 返回文档中表单数目
5. HTML DOM在下拉列表中选择多个选项
6. HTML DOM 返回一个iframe中的longdesc属性的值
7. HTML DOM 返回文档中第一个表单的名字
8. HTML DOM 返回image的longdesc属性的值

HTML DOM 设置image的hspace和vspace属性

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 来控制间距