1、基础知识讲解，链接跳转以及连接文字超出长度的处理；
实例
<!DOCTYPE html>
<html>
<head>
<title>web第一课</title>
<meta charset="utf-8">
<!-- 不允许用户缩放 -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style type="text/css">
*{margin: 0;padding: 0;}
p{
width: 500px;
text-indent: 2em;
}
div{
width: 400px;
height: 20px;
background: #ccc;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<!-- h1-h6 -->
<!-- p标签 段落标签-->
<!-- 文本格式化标签 b加粗 small小号 br换行 hr定义水平线 strong加重语气词 del定义删除字 abbr超文本标记语言-->
<p>厉道友，他这是想要分裂我等，千万莫要中了这老贼的算计！如今整座修罗城已经戒严，你就算现在离开，迟早也会被抓住。为今之计，只有救出老祖，借助其老人家之力，我们才可能真正逃出生天。”狐三忙开口说道</p>
<b>加粗标签</b>
<small>小号字体</small>
<br>
<hr>
<strong>定义加重语气,权重seo</strong>
<del>定义删除线</del>
<del>599</del><b>299</b>
<p><abbr title="HyperText Markup Language">html</abbr>(超文本标记语言)</p>
<!-- <a target="value"> _blank _self _parent _top framename -->
<a href="https://www.baidu.com" target="_blank">百度搜索引擎</a>
<div>
<a href="demo1.html" target="_top" >魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯</a>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
2、简单实例
实例
<!DOCTYPE html>
<html>
<head>
<title>魔方公寓</title>
<meta charset="utf-8">
<style type="text/css">
*{margin:0；padding:0；}
div{
margin: 20px auto;
width: 700px;
height: 200px;
}
h1{
font-family: "宋体";
}
abbr{
text-decoration: none;
color: #52f7f2;
}
p{
line-height: 70px;
font-size: 14px;
text-indent: 2em;
}
img{
margin:20px 0;
}
.box{
line-height: 30px;margin-bottom: 20px;
}
</style>
</head>
<body>
<div>
<h1>魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯</h1>
<p style="color:#ccc;" ><abbr title="高梦杨">高梦杨</abbr> .2019-03-11 15:34</p>
<!-- 文字居中 背景色 -->
<p style="text-align: center;background: #f2f2f2;"><b>摘要：</b> 新一轮融资到手后，魔方将参与到城市人才公寓建设和公租房运营管理与行业规则的制定。</p>
<img src="https://images.tmtpost.com/uploads/watermark/1400/42e0e536b5092de016d264c4d27d8de0012f8945_1400_933.jpeg?imageMogr2/strip/interlace/1/quality/85&ext=.jpeg" width=100% 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">据钛媒体了解，本轮战略投资方加拿大魁北克储蓄投资集团（CDPQ）是一家长期投资管理机构，负责管理加拿大魁北克省的公共养老基金以及保险计划的资产。截止2018年12月31日，CDPQ 管理的基金净资产已达3,095亿加元。</p>
<p class="box">据CDPQ亚太区私募股权投资总经理林明安向钛媒体透露，这是其在中国投资的第一个项目，而这笔融资将为魔方的未来项目拓展提供资金保障和战略支持。</p>
<p class="box">此前，魔方公寓已完成三轮股权融资，投资方包括中航信托、美国华平集团、德同资本等，在投资并购方面，魔方先后对窝趣等国内多个知名的公寓项目进行投资。</p>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
3、学习笔记
