<!DOCTYPE html> h5标记
<html>
<head><!-- 文档头部head标签 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"><!-- 不允许用户缩放 -->
<link rel="stylesheet" type="text/css" href="style.css"><!-- 引用外部文件link -->
<!-- rel：规定当前文档与被链接文档之间的关系 -->
<!-- type：定义被链接文档的类型 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<!-- 页面中常用文本元素 -->
<!-- 表体是通过h1-h6来标签进行定义的 -->
<h1>第一个标题标签</h1>
<h2>第二个标题标签</h2>
<h3>第三个标题标签</h3>
<!-- 段落是通过p标签进行定义的 -->
<p>段落</p>
<b>加粗文本</b>
<br><!-- 定义换行 -->
<small>小号字体</small>
<hr><!-- 定义水平线 -->
<!-- 文本格式化b、del -->
<strong>定义加重语气</strong>
<del>定义删除字</del>
<del>599</del><b>399</b>
<p><abbr title="HyperText Markup Language">html</abbr>(超文本标记语言)</p>
</body>
</html>
实例
<!DOCTYPE html>
<html>
<head>
<title>学习web第一堂课</title>
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<style type="text/css">
*{margin: 0;padding: 0}
div{
margin: 70px auto; /*div居中效果，上下为0左右居中*/
width: 700px;
height: 200px;
}
abbr{
text-decoration: none;/*去掉下划线*/
color: #003D73;/*定义颜色*/
}
p{
/*line-height: 70px;*//*行高*/
font-size: 16px;/*设置字体大小*/
}
img{
margin: 40px 0;/*上下间距40px左右为0*/
}
.box{line-height: 30px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div>
<h1>魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯</h1>
<!-- 内联样式 -->
<p style="color: #ccc;line-height: 70px;"><abbr title="钛媒体">钛媒体</abbr> . 2019-04-07 :20:23</p>
<!-- 文中居中 text-align：center 居中 -->
<p style="text-align: center;background: #f2f2f2;line-height: 70px;"><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="700" alt="tupian" />
<p class="box"><b>钛媒体快讯 | 3月11日消息：</b>钛媒体获悉，魔方生活服务集团获得由加拿大机构基金管理公司CDPQ投资的1.5亿美元的D轮融资。</p>
<p class="box">公开资料显示，魔方生活服务集团是国内的集中式长租公寓的代表，也是最早一批投身连锁长租公寓行业的创业公司。根据魔方公寓提供的信息，目前魔方是国内在营房量最大、营业收入最高的集中式公寓运营商。旗下产品包括面对都市白领的魔方公寓，面向企业蓝领的9号楼公寓，立足中高端的摩尔公寓以及面向年轻用户的V客青年公寓。</p>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例