11、HTML 网页元素应用技巧全解析

HTML 网页元素应用技巧全解析

1. 图像添加与样式设置

在网页设计中，图像的运用能极大提升页面的视觉效果。下面将详细介绍图像添加及相关样式设置的方法。

1.1 图像对齐与文本环绕

可以使用 CSS 的 float 属性将图像对齐到段落文本的左侧，并使文本环绕图像。示例代码如下：

<img src="images/tolstoy.jpg" alt="Author Leo Tolstoy" style="float:left"/>

在浏览器中加载更新后的页面时，图像会左对齐，文本环绕在其周围。

1.2 图像内边距添加

虽然使用 float 属性后图像的位置看起来更好，但它与周围的段落文本距离过近。此时可以使用 CSS 的 margin 属性来解决这个问题。具体操作是在样式声明中添加 margin-right 属性，并将其值设置为 15 像素，示例代码如下：

<img src="images/tolstoy.jpg" alt="Author Leo Tolstoy" style="float:left;margin-right:15px"/>

早期的 HTML 使用 hspace 和 vspace 属性为