在移動設備上，我們經常會遇到需要橫屏才能更好地展示頁面的情況。那么，在HTML中我們如何設置手機橫屏呢？

首先，我們需要在標簽中加入以下代碼：

其中，viewport是指用戶可見區域的大小，width和height分別表示寬度和高度，initial-scale表示頁面初始縮放比例，minimum-scale和maximum-scale表示允許的最小和最大縮放比例，user-scalable表示用戶是否可以手動縮放頁面。

而具體到我們需要橫屏的情況下，rotate=90表示將頁面旋轉90度，使得頁面變成橫屏顯示。

另外，我們還需要在CSS樣式表中加入以下代碼：

@media all and (orientation:landscape){
/*橫向樣式*/
}
@media all and (orientation:portrait){
/*縱向樣式*/
}

這段代碼使用@media查詢，根據設備的方向來為橫向和縱向設置不同的樣式。

當設備處于橫向狀態時，就會應用@media all and (orientation:landscape){}中的樣式，反之則應用@media all and (orientation:portrait){}中的樣式。

通過以上這些設置，我們就可以很方便地在HTML中設置手機橫屏了。