当前位置：首页 > 行业动态 > 正文

html如何给图片添加说明

admin
行业动态
2024-03-27
4033

在HTML中，可以使用<figure>和<figcaption>标签来给图片添加说明。<figure>标签用于包裹图片和其他相关元素，而<figcaption>标签用于添加图片的说明文字。

示例代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>图片添加说明</title>
</head>
<body>
<figure>
  <img src="example.jpg" alt="示例图片">
  <figcaption>这是一个示例图片，展示了一个美丽的风景。</figcaption>
</figure>
</body>
</html>

在这个示例中，我们使用<figure>标签包裹了<img>标签和<figcaption>标签。<img>标签用于插入图片，src属性指定图片的路径，alt属性用于添加图片的描述。<figcaption>标签用于添加图片的说明文字。