HTML 代碼讓屏幕旋轉，其實就是借助一些 CSS3 的屬性實現(xiàn)的。下面我們來看具體的實現(xiàn)過程。

/*首先添加以下CSS樣式*/
body{
-webkit-transition: -webkit-transform 2s ease;
transition: transform 2s ease;
}
.rotate{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

上面的代碼中，我們通過添加了一個 body 標簽的樣式，使得整個頁面放置于旋轉之中，同時定義了一個 rotate 的 class，方便我們在需要的時候調用。接下來，我們需要用到一些 JavaScript 代碼來控制樣式的切換。

//獲取按鈕元素
const button = document.getElementById('rotate-button');
//綁定點擊事件，添加和刪除旋轉 class
button.onclick = function(){
document.body.classList.toggle('rotate');
}

接下來，我們只需要在頁面中添加一個按鈕元素，并設定其 ID 值為 "rotate-button"，點擊該按鈕即可讓整個頁面旋轉起來了。

旋轉

需要注意的是，上述代碼只是演示了如何讓整個頁面旋轉起來，實際應用中可能需要更加細致的調整，以適應不同的屏幕大小和設備方向。另外，在旋轉整個頁面時，其中的元素都會跟著旋轉，若需要讓其中某個元素保持靜止，可以為該元素添加一個相反方向的旋轉樣式。

總之，HTML 代碼讓屏幕旋轉的實現(xiàn)，需要結合 CSS3 和 JavaScript 的相關知識，但妥善使用，可以為頁面帶來更加出色的展示效果。