在網頁設計中，排行榜是很常用的元素之一。一個漂亮的排行榜能夠增添網頁的美觀程度，也能夠讓訪問者更加直觀地了解網頁中的內容。下面，我們來介紹一些HTML排行榜的代碼。

<div class="rank">
<h2>排行榜</h2>
<ol class="list">
<li>
<img src="pic1.jpg" alt="圖片1">
<div class="info">
<h3>Title 1</h3>
<p>Description 1</p>
</div>
<span class="score">100</span>
</li>
<li>
<img src="pic2.jpg" alt="圖片2">
<div class="info">
<h3>Title 2</h3>
<p>Description 2</p>
</div>
<span class="score">90</span>
</li>
<li>
<img src="pic3.jpg" alt="圖片3">
<div class="info">
<h3>Title 3</h3>
<p>Description 3</p>
</div>
<span class="score">80</span>
</li>
</ol>
</div>

上面的代碼中，我們使用了<div>標簽來包裹整個排行榜，使用<h2>標簽來設置標題，使用<ol>標簽來標記列表，使用<li>標簽表示每一項。在每一個項中，我們使用<img>標簽來展示圖片，使用<div>標簽來展示標題和描述，使用<span>標簽來展示分數。我們還使用了CSS來美化排行榜。

總之，HTML排行榜的實現方法有很多，以上代碼只是一種簡單的示例。我們可以根據需求和實際情況來選擇合適的標簽和樣式，并進行靈活的修改和優化，以達到更好的效果。