简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > html标签的运用以及设置其属性。2019.3.11.20:00
Blogger Information
Blog 17
fans 1
comment 0
visits 14754
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html标签的运用以及设置其属性。2019.3.11.20:00
邱世家的博客
Original
767 people have browsed it

实例

<!DOCTYPE html>
<html>
<head>
	<title>魔方公寓</title>  <!-- 文档头部标题 -->
	<meta charset="utf-8">
    <link rel="icon" type="image/x-icon" href="E:\3.11\img\t.png"> 
    <style type="text/css"> 
     /*<!-- 内部样式 -->*/
    *{margin:100;padding:0;} /*这里面不用写PX？margin:100魔方公寓这行字距离顶部的边距*/
    div{
      margin: 0 auto;   /*定义div居中因为整个页面都是在div中*/
      width: 700px;
      height: 200px;
    }	
    abbr{
      text-decoration: none; /*去掉下划线,高梦阳下面*/
      color: RGB(0,164,160)  /*color改变颜色高梦阳*/
    }
    p{
      /*line-height: 70px; /*定义下面P标签行高*/*/
      font-size: 14px;   /*定义下面P标签的字体大小*/
    }
    img{
      margin: 40px 0；  /*上右下左四个值*/     （/*图片和摘要之间有距离所以给img设一个外边距）*/
    }
    h1{
      font-family: 隶书; /*改变h1字体*/
    }
    .box{line-height: 30px;margin-bottom: 20px;} /*margin-bottom: 20px;是P（带box）标签的下边距*/

    </style>  
    
</head> 

<body>
  <div>
   <h1>魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯</h1>
   <!-- 内联样式 -->
   <!-- p style="color: #ccc;控制2019-03-12..颜色是灰色。为什么高梦阳不变色，也在p标签中，因为单独写在上面的abbr标签中，优先级高于P标签吗 -->
   <p style="color: #ccc; line-height: 70px;"><abbr title="高梦阳">高梦阳</abbr> •  2019-03-12  14:25</p>
   
    <!-- style="text-align:center;字体居中。background: #f2f2f2;填充背景色。表示下面P（新一轮）标签中的文字居中，背景颜色是灰色，上下有间距是因为上面给所有P标签设置了行高 -->
   <p style="text-align: center; background: #f2f2f2; line-height: 70px;"><b>摘要：</b> 新一轮融资到手后，魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p>
   <!-- img标签设置宽度不需要加style因为自带属性 -->
   <img src="https://images.tmtpost.com/uploads/watermark/1400/42e0e536b5092de016d264c4d27d8de0012f8945_1400_933.jpeg?imageMogr2/strip/interlace/1/quality/85&ext=.jpeg" width="700"alt="这是一张图片">
   <!-- 钛媒体这几个字加粗变大<b style="font-size: 18px;"> -->
   <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">据钛媒体了解，本轮战略投资方加拿大魁北克储蓄投资集团（CDPQ）是一家长期投资管理机构，负责管理加拿大魁北克省的公共养老基金以及保险计划的资产。截止2018年12月31日，CDPQ 管理的基金净资产已达3,095亿加元。</p>
   <p class="box">据CDPQ亚太区私募股权投资总经理林明安向钛媒体透露，这是其在中国投资的第一个项目，而这笔融资将为魔方的未来项目拓展提供资金保障和战略支持。</p>
   <p class="box">此前，魔方公寓已完成三轮股权融资，投资方包括中航信托、美国华平集团、德同资本等，在投资并购方面，魔方先后对窝趣等国内多个知名的公寓项目进行投资。</p>
   <img src="https://images.tmtpost.com/uploads/watermark/1400/849c7a29e879768fc4ae5bb3802849ec7b1b8a15_1400_333.png?imageMogr2/strip/interlace/1/quality/85/format/jpg&ext=.png" width="700" alt="这是第二张图">
   <p style="text-align: center;">魔方公寓历年融资情况 来源：天眼查</p>
     <!-- 水平线居中  用p标签包裹hr标签 p标签宽200 上边距20  居中显示 margin: 20px auto，上下20，左右居中 -->
   <p style="width: 200px;margin: 20px auto; text-align: center;"><hr style="width: 200px;"></p>
   <p class="box">此次融资是2019年集中式公寓领域宣布的第一笔大额融资。而魔方生活服务集团CEO柳佳向钛媒体表示，魔方此次融资将主要用于进一步提升***影响力，深化运营管理，完善IT系统和会员体系，进行项目并购及轻资产拓展，打造高效、便捷、智慧的公寓管理协作平台，为行业赋能，成为中国长租公寓管理第一***。</p>
   <p class="box">2018年，由于众多长租公寓运营商滥用金融杠杆、盲目扩张，引发了多起爆仓事件，行业也经历了一波倒闭潮与整合潮。进入2019年，行业中也只有分散式的蛋壳公寓与集中式的魔方公寓。</p>
   <p class="box">尽管2018年行业遭遇了挫折，但7天连锁酒店创始人，同时也是魔方生活服务集团董事长郑南雁也很看好长租公寓的未来</p>
   <!-- 居中加粗字体大 -->
   <p style="text-align: center;"><b style="font-size:17px; " >更多精彩内容，关注钛媒体微信号（ID：taimeiti），或者下载钛媒体App</b></p>
   <img src="https://images.tmtpost.com/uploads/images/2017/12/20171204114042938.jpg" width="700px"alt="第三章图">
   <p style="text-indent:2em";>本文系钛媒体原创，未经授权不得使用，如需获取转载授权，请<a href="http://www.tmtpost.com/3811631.html">点击这里</a>。</p> <!-- 本页面跳转 -->
   <p style="text-indent:2em";>本文系钛媒体原创，未经授权不得使用，如需获取转载授权，请<a href="http://www.tmtpost.com/3811631.html" target="_blank">点击这里</a>。</p>
</div>
</body>
</html>

运行实例 »

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

总结

html常用标签

<h1>...<h6>标题 <img src="">图片<a herf="">超链接</a> <p></p>段落标签

<b></b>加粗 <p style="text-align: center;"><b style="font-size:17px; " >


 


Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！