博客列表 >运用html中的常用文本元素布局一个小的新闻页面-2019年3月11日21时10分

运用html中的常用文本元素布局一个小的新闻页面-2019年3月11日21时10分

多@点的博客
多@点的博客原创
2019年03月12日 17:58:17873浏览

对html中常用的文本元素简单掌握的体现,就是运用到实战中去,在这里我们将学习到的一点小知识运用到实战中,制作了一个相对简单的页面,在制作这个页面的过程中,我对学到的知识进行了巩固,也认识到了自己那些方面还做得不好。

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>魔方公寓获得1.5亿美元D轮融资,未来将运营人才公寓和公租房 | 钛快讯</title>
	<link rel="icon" href="images/favicon (1).ico">
	<style>
	    *{
	    	margin:0px;
	    	padding:0px;
	    }
        .center{
        	margin:50px auto;
        	width:700px;
        }
        h1{
        	font-family:宋体;
        }
        abbr{
        	color:#52F7F2;
        	text-decoration:none;
        }
        p{
        	font-size:14px;
        }
        img{
        	margin:40px 0px;
        }
        .box{
        	line-height:30px;
        	margin-bottom:20px;
        }
	</style>
</head>
<body>
	<div class="center">
        <h1>魔方公寓获得1.5亿美元D轮融资,未来将运营人才公寓和公租房 | 钛快讯</h1>
        <p style="color:#ccc;line-height:70px;"><abbr title="高梦杨">高梦杨</abbr> .       2019-2-11    13:55</p>
        <p style="text-align:center;line-height:70px;background:#f2f2f2;"><b>摘要:</b> 新一轮融资到手后,魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p>
        <img src="images/1.jpg" width="700" alt="这是一张图片">
        <p class="box"><b style="font-size:18px;">钛媒体快讯 | 3月11日消息:</b>钛媒体获悉,魔方生活服务集团获得由加拿大机构基金管理公司CDPQ投资的1.5亿美元的D轮融资。</p>
        <p class="box">公开资料显示,魔方生活服务集团是国内的集中式长租公寓的代表,也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息,目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。旗下产品包括面对都市白领的魔方公寓,面向企业蓝领的9号楼公寓,立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。</p>
        <p class="box">公开资料显示,魔方生活服务集团是国内的集中式长租公寓的代表,也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息,目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。旗下产品包括面对都市白领的魔方公寓,面向企业蓝领的9号楼公寓,立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。</p>
	</div>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

demo2.jpg

总结:刚开始学习时,我是不相信我能那么快就能学习到制作一个简单的页面的,但自学习后,我发现并没我想象的那么难,听课认真点,课后多练习,就可以做得很好了。在制作这个简单的页面中,我运用到了好多刚刚学到的知识,总之,我还是要多加练习的!

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议