使用HTML创建图像画廊和相册需要使用HTML的图像标签 <img> 和链接标签 <a>。以下是大致的步骤：
<ul> 标签来创建无序列表，使用 <li> 标签来创建列表项。<a> 标签来创建一个链接，链接的 href 属性应该指向对应图片的文件路径。<img> 标签添加图片，src 属性应该指向对应图片的文件路径。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>My Gallery</title>
<style>
ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
li {
margin-bottom: 20px;
}
a {
display: block;
width: 300px;
height: 200px;
border: 1px solid #ccc;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
</head>
<body>
<h1>My Gallery</h1>
<ul>
<li>
<a href="path/to/image1.jpg">
<img src="path/to/image1.jpg" alt="Image 1">
</a>
</li>
<li>
<a href="path/to/image2.jpg">
<img src="path/to/image2.jpg" alt="Image 2">
</a>
</li>
<li>
<a href="path/to/image3.jpg">
<img src="path/to/image3.jpg" alt="Image 3">
</a>
</li>
<!-- 添加更多图片 -->
</ul>
</body>
</html>在上面的代码中，我们使用了CSS来设置画廊和相册的样式，其中 flex 布局用于将图片等分成多列，并使用 object-fit 属性来保持图片的宽高比不变。