如果您對網站的用戶提供天氣預報，那么您可能需要一些HTML代碼來從外部源檢索天氣數據并在網站上顯示它。以下是一份示例代碼，它將幫助您在您的網站上顯示天氣預報：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>天氣預報</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
var url = "https://api.openweathermap.org/data/2.5/weather?q=北京&units=metric&appid=YOUR_APP_ID";
$.getJSON(url, function(data) {
var temperature = data.main.temp;
var description = data.weather[0].description;
var icon = "https://openweathermap.org/img/w/" + data.weather[0].icon + ".png";
$("#temperature").html(temperature+"°C");
$("#description").html(description);
$("#icon").attr("src", icon);
});
});
</script>
</head>
<body>
<div>
<h1>北京當前天氣</h1>
<img id="icon" src="" alt="Weather Icon">
<p><span id="temperature"></span></p>
<p><span id="description"></span></p>
</div>
</body>
</html>上述代碼中，我們使用了OpenWeather API來獲取北京的天氣數據。您需要獲取您自己的API密鑰，然后將它替換為YOUR_APP_ID。此外，您可以更改城市名稱以獲取其他城市的天氣預報。
我們使用jQuery來調用API并將天氣數據顯示在網站上。我們使用Span標簽顯示溫度和描述，并使用Image標簽顯示天氣圖標。這些元素都具有ID，以便JavaScript可以輕松地將數據插入它們。
如您所見，使用HTML獲取天氣數據是相對簡單的。隨著不斷發展的API和前端技術，我們還有更多的數據可用于創造更富有吸引力和有用的應用程序。