对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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
总结:刚开始学习时,我是不相信我能那么快就能学习到制作一个简单的页面的,但自学习后,我发现并没我想象的那么难,听课认真点,课后多练习,就可以做得很好了。在制作这个简单的页面中,我运用到了好多刚刚学到的知识,总之,我还是要多加练习的!