console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>塞班</title>
<style type="text/css">
img{
width: 500px;
height: 500px;
float: right;
}
#box{
width: 800px;
height: 540px;
background-color: #ffa042;
}
#box1{
width:800px;
height: 100px;
background-color: #8fbc8f;
}
#box2{
width:800px;
height: 40px;
background-color: #008000;
}
#text2{
color: #66ffcc;
float: left;
font-size: 16px;
}
#text3{
color: black;
font-weight: serif;
}
#text4{
color: black;
font-weight: serif;
}
.font{
width:800px;
margin: 0 auto;
height:50px;
}
.wz{
width:100px;
float: left;
font-family: "白色";
font-weight: bold;
font-size: 16px;
color: #f5f5f5;
text-align: left;
}
</style>
</head>
<body>
<div id="box1">
<p style="padding:9px 15px 5px"></p>
<div class="wz">我的个人主页</div>
</div>
<div id="box2">
<div class="wz">
<div class="font">
<a href="https://wx.qq.com/?&lang=zh_CN">我的日记</a>
<a href="https://wx.qq.com/?&lang=zh_CN">我的收藏</a>
<a href="https://wx.qq.com/?&lang=zh_CN">我的相册</a>
<a href="https://wx.qq.com/?&lang=zh_CN">我的朋友</a>
<a href="https://wx.qq.com/?&lang=zh_CN">给我留言</a>
</div>
</div>
</div>
<div id="box">
<p style="padding:9px 15px 5px"></p>
<div id="text2">窗内网简介</div>
<p style="padding:9px 15px 5px"></p>
<div id="text3">窗内网是由郑州汇智计算机技术服务有限公司创建的一个免费视频教程网站，成立于2002年。致力于把基于先进信息技术的最佳管理与业务实践普及到客户的管理与业务创新活动中。全面提供企业管理ERP软件、服务于解决方案，是中原地区较早的管理软件、客户关系管理软件、小型企业管理软件以及网站建设服务提供商。</div>
<div style="float:right;clear:both; maring:1000px 0px 1000px 0px;">
<img src="https://i.loli.net/2020/03/23/DVF1rzJvQCAg4Ze.jpg" style="text-align: center;">
</div>
<div id="box">
<p style="padding:9px 15px 5px"></p>
<div id="text2">我们独特的优势</div>
<p style="padding:9px 15px 5px"></p>
<div id="text4">▪品质保证，优秀视频保障课程质量</div>
<p style="padding:9px 15px 5px"></p>
<div id="text4">▪强化训练，实战项目提升动手能力</div>
<p style="padding:9px 15px 5px"></p>
<div id="text4">▪专家答疑，学员问题有问必答</div>
<p style="padding:9px 15px 5px"></p>
<div id="text4">▪学习灵活，在线充电，时间自己支配</div>
<p style="padding:9px 15px 5px"></p>
<div id="text4">▪针对性强，为每个职业量身定做课程</div>
<p style="padding:9px 15px 5px"></p>
<div id="text4">▪高效性强，目前针对主流编程语言，动态网站开发，数据库和三维影视方面开设班级</div>
</div>
</div>
</body>
</html>