如何用html代码贴图

admin
行业动态
2024-04-01
3065

要在HTML中插入图片，可以使用<img>标签，以下是一个详细的示例，包括小标题和单元表格：

<!DOCTYPE html>
<html>
<head>
<style>
table {
  width: 100%;
  bordercollapse: collapse;
}
table, th, td {
  border: 1px solid black;
  padding: 8px;
  textalign: left;
}
th {
  backgroundcolor: #f2f2f2;
}
</style>
</head>
<body>
<h2>图片示例</h2>
<p>在HTML中插入图片的方法是使用<img>标签，下面是一个详细的示例，包括小标题和单元表格。</p>
<table>
  <tr>
    <th>图片描述</th>
    <th>图片链接</th>
  </tr>
  <tr>
    <td>示例图片1</td>
    <td><img src="example1.jpg" alt="示例图片1" width="300" height="200"></td>
  </tr>
  <tr>
    <td>示例图片2</td>
    <td><img src="example2.jpg" alt="示例图片2" width="300" height="200"></td>
  </tr>
</table>
</body>
</html>

在这个示例中，我们首先创建了一个包含两个单元格的表格，第一个单元格包含图片的描述，第二个单元格包含<img>标签，用于插入图片。src属性指定图片的URL，alt属性提供图片的描述，width和height属性设置图片的宽度和高度。