|
日期
|
天气
|
最高温度 (°C)
|
最低温度 (°C)
|
CSS样式表 (style.css)
css
/ 定义表格样式 /
table {width: 100%;border-collapse: collapse;margin-bottom: 20px;
}/ 定义表头样式 /
table thead th {background-color: f2f2f2;padding: 10px;text-align: center;
}/ 定义表体样式 /
table tbody td {padding: 10px;text-align: center;
}/ 定义偶数行样式 /
table tbody tr:nth-child(even) {background-color: f7f7f7;
}查询天气预报数据要插入查询到的天气预报数据，你需要编写一个脚本或程序从可靠的天气预报 API 或网站中获取数据。例如，你可以使用以下 Python 代码从 OpenWeather API 获取深圳未来 45 天的天气预报：
python
import requests设置 API 密钥和城市 ID
api_key = "YOUR_API_KEY"
city_id = "1796238"发送请求并获取响应
url = f"https://api.openweathermap.org/data/2.5/forecast/daily?id={city_id}&cnt=45&appid={api_key}"
response = requests.get(url)提取天气预报数据
data = response.json()
weather_forecast = data["list"]创建 HTML 表格行
html_rows = ""
for day in weather_forecast:date = day["dt_txt"].split(" ")[0]weather = day["weather"][0]["main"]max_temp = round(day["temp"]["max"] - 273.15, 2)min_temp = round(day["temp"]["min"] - 273.15, 2)html_rows += f"""{date}{weather}{max_temp}{min_temp}"""将 HTML 表格行插入到 HTML 页面中
html_body = document.querySelector("body")
html_body.innerHTML = html_rows请注意，你需要替换 YOUR_API_KEY 为你的 OpenWeather API 密钥。确保你的服务器或主机环境已安装 Python 和 requests 库。
