总结;这个比较简单,暂时没什么难点
<!DOCTYPE html>
<html>
<head>
<!-- 2019.3.11 -->
<title>学习web的第一节课</title>
<meta charset="utf-8"> <!-- 设置文本格式,以免乱码 -->
<link rel="icon" type="image/x-icon" href="\phpstudy/demo1/php.ico"><!-- 引入外部样式 -->
<style type="text/css">
<!-- 首先全局定义内外边距都为 -->
*{margin:0;padding:0;}
div{
margin:100px auto;/* 居中*/
width:700px; /* 定义宽度*/
height: 200px; /* 定义高度*/
}
h2{
text-align:center;
font-family:'宋体';
white-space:nowrap; /*文本不会换行 */
overflow: hidden; /*超出部分隐藏*/
text-overflow:ellipsis;/* 用省略符号来代表被修剪的文本*/
}
abbr{
text-decoration:none ;
color:red;
}
p{
line-height:50px;
font-size:14px;
}
img{
margin:20px 0;
}
.box{
text-indent:2em;
line-height:30px;
}
</style>
</head>
<body>
<div>
<h1 style="text-align:center;">欢迎来到英雄联盟</h2>
<h2>魔方公寓获得1.5亿美元D轮融资,未来将运营人才公寓和公租房 | 钛快讯</h2>
<p style="color:blue;"><abbr title="鲁先生">鲁先生:</abbr> 2019/3/11</p>
<p style="text-align:center;background:#ccc"><b>摘要:</b> 新一轮融资到手后,魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p>
<img src="\phpstudy/demo1/2.jpg" width="700px" alt="这是一张图片"> <!-- 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>
<!-- text-decoration:none ;消除下划线 -->
<!-- line-height:50px;行高,也就是上下间距为50px -->
<!-- text-align:center; 文字居中 -->
<!-- text-indent:2em;段落的首行缩进 -->
<!-- white-space:nowrap; /*文本不会换行 */ -->
<!-- overflow: hidden; /*超出部分隐藏*/ -->
<!-- text-overflow:ellipsis;/* 用省略符号来代表被修剪的文本*/ -->