在編寫HTML網頁時，我們可能會遇到需要使用橫屏模式展示網頁的情況。這時，我們就需要設置一些屬性來支持橫屏模式的顯示。下面我們就來學習如何在HTML中設置手機橫屏。

首先，我們需要在head標簽中添加meta標簽來設置網頁的視口（viewport）。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

在這段代碼中，我們設置了視口的寬度為設備寬度，初始化比例為1，最小縮放比例為1，最大縮放比例為1，用戶不可縮放。這樣可以保證我們的網頁在不同的設備上都能夠正常顯示。

然后，我們需要在CSS中添加一些樣式，來支持橫屏模式下的顯示。我們可以使用@media查詢，根據設備的旋轉方向設置不同的樣式。

@media screen and (orientation: portrait) {
/* 在豎屏模式下的樣式 */
}
@media screen and (orientation: landscape) {
/* 在橫屏模式下的樣式 */
}

在這段代碼中，我們使用@media查詢來檢測設備的旋轉方向。在豎屏模式下，我們可以設置樣式來使網頁更加美觀，而在橫屏模式下，我們則可以設置樣式來適應屏幕的變化。

綜上所述，設置手機橫屏需要在HTML中添加meta標簽來設置視口，同時在CSS中使用@media查詢來支持橫屏模式下的顯示。希望本文能夠為你的網頁開發提供幫助。