最简单的做法,用table排版就行了,插入一些图片文字,如有需要可私信进一步协助
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<table border="1" width="95%">
<tr>
<td colspan="2"><font color="blue" size="6">Tecent 腾讯</font>
<font size="5"> 首页 简介 业务 <font color="blue">员工</font> 企业责任</font>
</td>
</tr>
<tr>
<td width="40%"><font size="5">人才发展</font><br/>我们一直高度重视员工的发展,不仅为员工设计专业和管理的双通道职业发展路径,让员工的能力得到更聚焦更清晰的发展,也同时让每个人的成长贡献能够通过职级体系得到及时明确的体现。<br/>
</td>
<td><img src="" width="300" height="200"></td>
</tr>
<tr>
<td colspan="2" align="center">
<font size="5">工作环境</font>
</td>
</tr>
<tr>
<td width="40%">
<img src="" width="300" height="200">
</td>
<td><img src="" width="300" height="200"></td>
</tr>
<tr>
<td colspan="2">
作为腾讯全球新总部,腾讯滨海大厦于2017年10月正式启用。这是一座集数字化、智能化于一体的智慧大厦。这座“互联互通”的大厦,象征着互联网将各个角落互相连通,更体现了腾讯是一家专注连接人与人、人和服务、以及未来人和设备的互联网高科技企业。除此以外,我们在北京、上海、成都、广州等多个城市以及美国、韩国等多个海外国家均建立了分支机构,并为当地员工打造了舒适、创新,体现腾讯文化特色的办公环境。腾讯一直以来坚持提供平等、透明、无歧视的工作环境,对不同性别、国籍、民族、宗教信仰的员工给予充分尊重,禁止同事间开冒犯性的玩笑或展示冒犯性的物品。同时,严格遵守国家相关规定,维护员工利益,共同创造一个平等、和谐、多元文化融合发展的工作环境。
</td>
</tr>
<tr>
<td width="40%">
<br/><br/>
<table width="100%">
<tr>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
</tr>
<tr>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
</tr>
<tr>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
</tr>
<tr>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
<td>三大阿萨德</td>
</tr>
</table>
</td>
<td align="center"><font color="blue" size="6">Tecent 腾讯</font></td>
</td>
</tr>
</table>
</body>
</html>
有需要私信
你把腾讯的网页设计的这么丑让腾讯情何以堪,排版不会可以学习下CSS
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps: 问答会员年卡【8折】购 ,限时加赠IT实体书,即可 享受50次 有问必答服务,了解详情>>>https://t.csdnimg.cn/RW5m
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> *{ margin: 0px; padding: 0px; } #div1{ width: 70%; height: 30px; background-color:#96CDF5 ; margin-left:15%; margin-right: 15%; } #div2{ width: 70%; margin-left:15%; margin-right: 15%; } #sp1{ color:#97CCF5 ; font-size: 35px; font-weight: bold; } .sp2{ margin-left: 80px; font-size: 20px; } #div3{ width: 70%; margin-left:15%; margin-right: 15%; } #div4{ float: left; width:40%; height: 300px; } #div5{ float: left; width: 50%; height: 300px; } #div6{ width: 70%; margin-left:15%; margin-right: 15%; } #div7{ width: 30%; margin-right: 1.5%; height: 200px; margin-left:15%; float: left; } #div8{ float: left; margin-right: 15%; width: 30%; margin-left: 5%; height: 200px; } #p3{ font-size: 20px; margin-top: 30px; margin-left: 60px; font-weight: bold; } #p4{ margin-top: 20px; font-size: 15px; line-height:25px; } #p5{ width: 100%; text-align: center; clear: both; padding-top: 10px; font-size: 25px; font-weight: bold; } #p6{ width: 70%; margin-left:15%; margin-right: 15%; clear: both; margin-top: 300px; } </style> <body> <div id="div1"> </div> <div id="div2"> <p><span id="sp1">Tencent 腾讯</span> <span class="sp2">首页</span> <span class="sp2">简介</span> <span class="sp2">任务</span> <span class="sp2" style="color: #55bfff">员工</span> <span class="sp2">企业责任</span></p> </div> <div id="div3"> <div id="div4"> <p id="p3">人才发展</p> <p id="p4">1.我们总是在意别人的言论,</br>不敢做自己喜欢的事情,害怕淹没在飞短流长之中。</br>其实没有人真的在乎你在想什么,不要过高估量自</br>在他人心目中的地位。被别人议论甚至误解都没啥</br>谁人不被别人说,谁人背后不说人,你生活在别人</br>里,就迷失在自己的心路上。</p> </div> <div id="div5"> <img src="img/photo2.png" style="margin-top:40px;width: 103%;height:260px;margin-left:90px "> </div> </div> <div id="div6"> <p id="p5"> </br>工作环境</p> </div> <div id="div7"> <img src="img/photo2.png" style="margin-top:40px;width: 110%;height:200px;"> </div> <div id="div8"> <img src="img/photo2.png" style="margin-top:40px;width: 110%;height:200px;"> </div> <p id="p6"> 我们总是在意别人的言论,不敢做自己喜欢的事情,害怕淹没在飞短流长之中。其实没有人真的在乎你在想什么,不要过高估量自己在他人心目中的地位。被别人议论</br>甚至误解都没啥,谁人不被别人说,谁人背后不说人,你生活在别人的眼神里,就迷失在自己的心路上。</p> br> </body> </html>