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">
#box{
width: 850px;
height: 500px;
background-color: rgb(255, 255, 255);
}
#box1{
width: 850px;
height: 90px;
background-color: rgb(46, 160, 46);
}
#box2{
width: 850px;
height: 40px;
background-color: rgb(34, 138, 34);
}
img{
float: right;
width: 500px;
height: 500px;
}
.wenzi{
float: left;
width:400px;
font-size: 18px;
font-weight: bold;
text-align: left;
color: rgb(184, 233, 163);
}
.font{
width:400px;
margin: 0 auto;
height:80px;
}
#text2{
float: left;
font-size: 20px;
color: rgb(129, 196, 173);
}
#text3{
color: rgb(0, 0, 0);
}
#text4{
color: rgb(0, 0, 0);
}
</style>
</head>
<body>
<div id="box1">
<p style="padding:10px 10px 10px"></p>
<div class="wenzi">我的个人主页</div>
</div>
<div id="box2">
<div class="wenzi">
<div class="font">
<a href="#">我的日记</a>
<a href="#">我的收藏</a>
<a href="#">我的相册</a>
<a href="#">我的朋友</a>
<a href="#">给我留言</a>
</div>
</div>
</div>
<div id="box">
<p style="padding:5px 5px 5px"></p>
<div id="text2">窗内网简介</div>
<p style="padding:10px 10px 10px"></p>
<div id="text3">窗内网是由郑州汇智计算机技术服务有限公司创建的一个免费视频教程网站，成立于2002年。致力于把基于先进信息技术的最佳管理与业务实践普及到客户的管理与业务创新活动中。全面提供企业管理ERP软件、服务于解决方案，是中原地区较早的管理软件、客户关系管理软件、小型企业管理软件以及网站建设服务提供商。</div>
<p style="float:right;clear:both;">
<img src="https://i.loli.net/2020/03/26/ajGl5AkPgb2r8Ue.jpg" style="text-align: center;">
</p>
<div id="box">
<div id="text2">我们独特的优势</div>
<p style="padding:2px 2px 10px"></p>
<div id="text4">▪ 品质保证, 优秀视频保障课程质量</div>
<p style="padding:2px 2px 10px"></p>
<div id="text4">▪ 强化训练, 实战项目提升动手能力</div>
<p style="padding:2px 2px 10px"></p>
<div id="text4">▪ 专家答疑, 学员问题有问必答</div>
<p style="padding:2px 2px 10px"></p>
<div id="text4">▪ 学习灵活, 在线充电，时间自己支配</div>
<p style="padding:2px 2px 10px"></p>
<div id="text4">▪ 针对性强, 为每个职业量身定做课程</div>
<p style="padding:2px 2px 10px"></p>
<div id="text4">▪ 高时效性, 目前针对主流编程语言, 动态网站开发, 数据库和三维影视方面开设班级</div>
</div>
</div>
</body>
</html>