html练习案例--新闻格式

2022-03-18 23:01:42 阅读：133 来源： 互联网

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

html练习案例--新闻格式