HTML代碼是構建網頁的基礎，除了常規的文字、圖片、鏈接等元素，開發者還需要使用特殊的代碼來控制網頁的樣式和布局。在HTML中，經常會用到灰色的代碼塊，一般使用

標簽來表示，例如：
<div style="background-color: #eee; padding: 10px;">
<p>這是一個灰色的代碼塊</p>
</div>
這段代碼將會在瀏覽器中顯示一個灰色的背景，并在其中嵌套一個段落元素。其中，style屬性用來定義所要顯示的樣式，background-color屬性用來定義背景顏色，padding屬性用來設置內邊距，<div>標簽用來定義一個容器元素。灰色的代碼塊通常用來突出顯示某些信息，例如代碼、引用等。
除了直接在HTML中使用樣式，開發者還可以使用CSS來定義樣式。例如，下面的代碼使用CSS樣式表來定義一個灰色背景的代碼塊：
<style>
.gray-code {
background-color: #eee;
padding: 10px;
}
</style>
<div class="gray-code">
<p>這是一個灰色的代碼塊</p>
</div>
上面的CSS樣式表中定義了一個名為gray-code的類，該類包含了背景顏色和內邊距的屬性。在HTML代碼塊中，使用<div>標簽來定義一個容器元素，并指定class屬性為gray-code，即可將相應的樣式應用到該代碼塊。
總之，灰色的代碼塊在HTML開發中經常會被用到，不僅能夠突出顯示需要注意的信息，還能夠提高頁面的可讀性和美觀度。