html练习案例--新闻格式
作者:互联网
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="./css/test.css"/>
</head>
<body>
<h1>中央气象台继续发布暴雪蓝色预警 北京等地部分地区有大雪</h1>
<div>2022-03-17 20:29:37 来源: 封面新闻 请输入查询条件</div>
<hr />
<p class="pic">
<img src="css/下载.jpg" alt="下雪"/>
</p>
<h4>北京17日出现降雪、降温天气(图片来源:中国天气网)</h4>
<p>封面新闻记者 滕晗</p>
<p>3月17日18时,中央气象台继续发布暴雪蓝色预警。预计17日20时至18日20时,新疆西北部、内蒙古中部偏南地区、
山西东北部、河北西北部和北京北部山区等地的部分地区有大雪,局地暴雪(10~16毫米)。上述地区新增积雪深度3~
8厘米,局地可超过12厘米。</p>
<p>16日开始,中东部大范围降水过程展开。监测显示,16日8时至17日6时,河南东南部、安徽西部和南部、湖北中东部
和西南部、湖南北部、四川东南部、贵州中部等地部分地区出现暴雨或大暴雨;新疆北部、内蒙古中西部、山西北部、河
北西北部、黑龙江东北部、吉林东部等地部分地区出现小到中雪或雨夹雪。</p>
<p>气温方面,中东部大部地区降温显著。监测显示,17日5时较16日5时,内蒙古东部、东北地区、华北东部、黄淮、江
淮等地出现4~10℃降温,吉林中东部等地降幅超过12℃。</p>
<p>北京17日出现降雪、降温天气。8时至17时,全市平均降雪量3.4毫米。最大降雪出现在昌平古将10.4毫米;最大小时
降雪量出现17日14-15时房山交道,为2.9毫米。大部分地区无积雪。</p>
<p>受冷空气和降雪影响,17日气温大幅下降,白天观象台最高气温为3.5℃,较16日白天最高气温12.7℃下降近10℃。北
京市气象台已于17日14时发布道路结冰黄色预警信号。</p>
<p>预计,17日傍晚至夜间,北京大部分地区降雪量1毫米左右;北部地区1~2毫米。18日上午至前半夜仍有全市性降雪。
大部分地区降雪量2~4毫米。18日气温下降,白天最高气温2℃左右,夜间最低气温-2℃左右。19日起气温回升。</p>
<p class="footer">文章来源为封面新闻</p>
</body>
</html>
css:
body{
font: 16px/28px "microsoft yahei";
}
h1{
/*文字不加粗*/
font-weight: 400;
text-align: center;
}
p{
text-indent: 2em;
}
.pic{
text-align: center;
}
.footer{
color: #888888;
font-size: 12px;
}
效果:
标签:17,16,--,18,降雪量,降雪,html,气温,格式 来源: https://blog.csdn.net/weixin_45787600/article/details/123586192