HTML田字型相冊，是一種利用HTML和CSS代碼實現的特殊相冊布局。

下面展示一個簡單的田字型相冊代碼：

<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
</div>
<div class="row">
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
</div>
<div class="row">
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
<div class="col-sm-4 col-md-4">
<img src="圖片地址" alt="圖片名">
</div>
</div>
</div>

這段代碼利用了Bootstrap框架，其中“container”和“row”是Bootstrap提供的基本布局元素，而“col-sm-4”和“col-md-4”是Bootstrap提供的響應式柵格系統，表示該元素在不同設備上的占比。

通過這種布局方式，可以使相冊中的圖片自動適應不同設備的屏幕大小，而且排版整齊美觀，給人以視覺上的享受。