HTML 發送到手機桌面是一種非常方便的方式，使用戶能夠快速訪問到您的網站。以下是 HTML 發送到手機桌面的代碼教程。

<link rel="apple-touch-icon" href="icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

首先，我們需要為您的網站準備一張圖像，該圖像將成為用戶添加到其主屏幕的網站圖標。該圖像通常為正方形，并且最好尺寸為 180x180 像素。請將您的圖像命名為「icon.png」或另一個您喜歡的名稱，并將其放在您的網站根目錄下。

然后，將以下代碼添加到您網站的 head 標簽：

<link rel="apple-touch-icon" href="icon.png">

該代碼將指向您的網站圖標，讓瀏覽器知道將其作為主屏幕圖標添加到用戶設備上。如果您的圖像名稱不同，請將上述代碼中的文件名替換成您的文件名。

接下來，我們需要添加一些元信息，以確保您的網站在主屏幕以全屏幕模式打開，并設置狀態欄的顏色。

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

第一行代碼將告訴瀏覽器，您的網站可以添加到主屏幕上，以便快速訪問。第二行代碼將設置狀態欄的顏色為黑色，以與您的網站主題相匹配。如果您的網站有其他顏色主題，請將「black」替換成您喜歡的顏色值。

最后，我們需要添加一個視口元標記，以確保您的網站在移動設備上正常顯示：

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

該代碼將設置瀏覽器視口寬度為設備寬度，并防止用戶縮放視口。這確保您的網站在移動設備上適當縮放并正常顯示。

現在您可以將這些代碼添加到您網站的 head 標簽中，并將您的圖像命名為「icon.png」或其他名稱，確保它位于您的網站根目錄下。一旦添加完畢，用戶將能夠快速將您的網站添加到其主屏幕，以便隨時訪問您的內容。