隨著互聯網的發展，點贊和收藏功能已成為了很多網站必備的功能，下面給大家分享一下相關的HTML代碼。

首先是點贊功能的實現：

<div>
<span>點贊數：</span>
<span class="like">0</span>
<button onclick="like()">點贊</button>
</div>

以上代碼中，使用了一個按鈕和一個計數器。當用戶點擊點贊按鈕時，會調用名為like()的JavaScript函數，該函數會將點贊計數器的值加1。

<script>
function like() {
let likeCount = document.querySelector(".like");
likeCount.innerHTML = parseInt(likeCount.innerHTML) + 1;
}
</script>

以上是點贊功能的實現代碼，使用JavaScript語言操作HTML元素，實現了點贊計數器的自增功能。

接下來是收藏功能的實現：

<div>
<span>是否收藏：</span>
<span class="collection">未收藏</span>
<button onclick="collection()">收藏</button>
</div>

以上代碼中，也是使用了一個按鈕和一個狀態標簽。當用戶點擊收藏按鈕時，會調用名為collection()的JavaScript函數，該函數會修改狀態標簽的值為“已收藏”。

<script>
function collection() {
let collectionStatus = document.querySelector(".collection");
collectionStatus.innerHTML = "已收藏";
}
</script>

以上是收藏功能的實現代碼，同樣使用JavaScript語言操作HTML元素，實現了狀態標簽的修改功能。

至此，我們已經完成了點贊和收藏的HTML代碼分享，相信大家都已經了解了這兩個功能的實現方式。