HTML是構建網站的基礎語言，不僅可以用于網頁的內容排版，還常常被用于添加特效效果，讓網頁更加生動。而照片特效是其中一個常見的應用，HTML提供了豐富的代碼和效果供我們使用。
<!DOCTYPE html>
<html>
<head>
<title>我的照片特效</title>
</head>
<body>
<h1>我的照片特效</h1>
<div>
<img src="my-photo.jpg" alt="我的照片">
<div class="caption">這是我的照片</div>
</div>
<style>
div {
position: relative; /* 把圖片和文字放在同一個div里面 */
}
.caption {
position: absolute; /* 絕對定位 */
bottom: 0; /* 放在圖片底部 */
left: 0; /* 放在圖片左邊 */
right: 0; /* 放在圖片右邊 */
background-color: rgba(0, 0, 0, 0.5); /* 加上半透明黑色背景 */
color: #fff; /* 設置文字顏色為白色 */
padding: 10px; /* 加上一點內邊距 */
}
</style>
</body>
</html>上面的代碼實現了一個簡單的照片特效，即在圖片上方添加一段半透明的黑色背景，并在其中加上文字說明。這個效果通過CSS樣式來實現，其中position: absolute;讓文字的位置相對于父元素進行定位，而background-color: rgba(0, 0, 0, 0.5);則設置了背景顏色和透明度，通過設置不同的數值可以得到不同的效果。
當然，照片特效的應用不僅僅限于上方文字說明，也可以通過JavaScript來實現更加復雜的效果，例如圖片輪播、拖動放大等，讓網頁更加有趣。