HTML5照片墻是最近很流行的一種網頁設計風格，這種風格可以讓網站看起來很美觀，并且很好用。下面是一個HTML5照片墻的代碼示例：

<div class="wall">
<div class="box">
<img src="image1.jpg" alt="image1">
</div>
<div class="box">
<img src="image2.jpg" alt="image2">
</div>
<div class="box">
<img src="image3.jpg" alt="image3">
</div>
<div class="box">
<img src="image4.jpg" alt="image4">
</div>
<div class="box">
<img src="image5.jpg" alt="image5">
</div>
<div class="box">
<img src="image6.jpg" alt="image6">
</div>
<div class="box">
<img src="image7.jpg" alt="image7">
</div>
<div class="box">
<img src="image8.jpg" alt="image8">
</div>
</div>

在這個代碼中，我們創建了一個名為“wall”的div容器，里面包含了8個名為“box”的子容器。每個box包含了一張圖片（分別是image1.jpg到image8.jpg）。這個樣式可以很容易地改變，只需修改相應的CSS代碼。

接下來，我們需要寫一些CSS代碼讓照片墻更美觀。下面是一個簡單的示例：

.wall {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box {
width: 25%;
padding: 10px;
box-sizing: border-box;
}
.box img {
width: 100%;
height: auto;
}

在這個CSS示例中，我們使用了flexbox布局來處理‘wall’容器，并使用‘space-between’屬性來使圖片之間的距離更寬敞。我們還將每個‘box’容器設置了25％的寬度，加上10px的內邊距和自動調整大小的圖片尺寸。

總之，這是一個簡單的例子，但很容易了解和自定義，希望你能從中學到一些東西。