在HTML中，小紅心被廣泛用于表示喜愛、點贊等情感和行為。如果你想在網頁中添加小紅心，可以使用以下代碼：

<span class="heart">&#10084;</span>

上面的代碼中，<span>標簽用于創建一個容器，class="heart"指定了這個容器的樣式名為heart，❤則是字符實體，表示字符編碼為10084的“??”符號，也可以直接寫成<3。

為了達到更好的效果，你可以添加CSS樣式來美化小紅心：

.heart {
font-size: 30px;
color: #ff69b4;
text-shadow: 0 0 10px #ff69b4;
font-family: 'Arial Black', sans-serif;
}

這個樣式會將字體大小設置為30px，顏色設置為粉色，添加一個粉色的陰影，并將字體改為Arial Black。

最終效果如下：

如果你需要在圖片中添加小紅心，也可以通過圖片覆蓋的方式實現：

<div class="picture">
<img src="picture.jpg" alt="Picture">
<span class="heart-overlay"></span>
</div>

這個代碼會創建一個

容器，并在其中添加一個標簽以及一個標簽。通過CSS樣式，將標簽設置為半透明的小紅心，然后通過絕對定位把它放到圖片上方，從而實現小紅心覆蓋在圖片上的效果。

.picture {
position: relative;
display: inline-block;
}
.heart-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,105,180,0.5);
background-image: url(heart.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 50px 50px;
}

以上代碼演示了如何使用SVG圖像作為小紅心。這是一種比字符實體更靈活的方法。通過設置背景顏色、背景圖像、重復方式、位置、大小等屬性，可以自由地定制小紅心的外觀。

無論是字符實體還是背景圖像，使用HTML創建小紅心都非常簡單，讓我們的網頁更有愛和溫度。