照片墻是一個很有趣的網頁元素,它可以用來展示網站的相關圖片。HTML源代碼可以幫助你創建一個漂亮的照片墻,讓你的網站更加吸引人。
<div class="gallery"> <a href="img1.jpg"><img src="img1.jpg" alt="Image 1"></a> <a href="img2.jpg"><img src="img2.jpg" alt="Image 2"></a> <a href="img3.jpg"><img src="img3.jpg" alt="Image 3"></a> <a href="img4.jpg"><img src="img4.jpg" alt="Image 4"></a> <a href="img5.jpg"><img src="img5.jpg" alt="Image 5"></a> <a href="img6.jpg"><img src="img6.jpg" alt="Image 6"></a> </div>
在這段代碼中,我們使用了 <div> 元素來創建一個名為“gallery”的類。這個類用于裝載所需的照片和鏈接。我們在此之后使用了6個 <a> 元素,每個元素包含一張圖片和一個鏈接至該圖片的地址。
在每個 <a> 元素內,我們使用了一個 <img> 元素來展示我們的圖片。我們在 <img> 元素中定義了以下屬性:
- src:圖片的路徑,告訴瀏覽器在哪里找到圖片。
- alt:描述圖片內容的文本,如果瀏覽器無法加載該圖片,則會顯示該文本。
將這些代碼添加到你的HTML文件中,你就可以展示你的照片墻了!