图像为您的网页增添了生命，吸引了观众的注意力。字幕提供了有关您的Web图像的额外信息，但如果没有高级HTML和CSS技能，它们很难添加到网页中。这是一种可靠的方法，可以为图像添加简单但有吸引力的图片，无论您在网页上移动图像，图像都会与图像保持一致。
HTML图像标题的步骤
-
将图片添加到您的网页。
-
在您网页的HTML中，在图片周围放置一个div标签：
-
将样式属性添加到div标记：
风格=“”> -
使用width样式属性将div的宽度设置为与图像相同的宽度：
-
对于略小于周围文本的标题，请为div样式添加font-size属性：
-
如果字幕位于图像下方的中心，则字幕看起来最佳，因此在style属性中添加text-align属性：
-
最后，在图像和标题之间添加一些额外的空间，方法是使用padding-bottom样式属性向图像添加样式属性：
风格=“填充底：0.5em;” />
-
然后在图像正下方添加文字标题：
将网页上传到您的服务器并在浏览器中进行测试。
字幕提示
- CSS尺寸可以在许多不同的测量中，因此您通常必须包括测量类型。例如：
宽度：100PX; 但是，HTML图像尺寸始终以像素为单位，因此请关闭测量。
宽度= “100”
- 如果使div的宽度宽于图像宽度，则图像旁边可能会出现标题。如果这是你想要的，那么添加一个
直接在标题之前和图像标记之后标记。
