HTML5教程

html练习案例--新闻格式

本文主要是介绍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;
}

效果：

 

这篇关于html练习案例--新闻格式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航