HTML+CSS Démarrage facile avec des exemples complets HTML+CSS (2)
Maintenant, nous allons faire un CV personnel
disposition de tableau, où nous utiliserons des cellules fusionnées, horizontalement et verticalement, le code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php 这中文网 实例二</title>
<style type="text/css">
table{
width:650px;
border:1px solid black;
text-align:center;
margin:0 auto;
}
td{
border:1px solid black;
width:50px;
height:45px;
}
.t1{
width:50px;
}
.t2{
width:80px;
height:55px;
}
.t3{
height:80px;
}
.tit{
font-weight:bold;
}
</style>
</head>
<body>
<table rules="all">
<tr class="t1">
<td class="tit">姓名</td>
<td>王茵</td>
<td class="tit">性别</td>
<td>女</td>
<td class="tit">出生日期</td>
<td>1985.6.25</td>
<td rowspan="3">相片</td>
</tr>
<tr class="t1">
<td class="tit">籍贯</td>
<td>安徽</td>
<td class="tit">民族</td>
<td>汉</td>
<td class="tit">身体状况</td>
<td>健康</td>
</tr>
<tr class="t1">
<td class="tit">政治面貌</td>
<td>团员</td>
<td class="tit">身高</td>
<td>165</td>
<td class="tit">学历</td>
<td>本科</td>
</tr>
<tr class="t2">
<td class="tit">毕业学校</td>
<td colspan="2">安徽大学</td>
<td class="tit">所学专业</td>
<td colspan="3">计算机应用技术</td>
</tr>
<tr class="t2">
<td class="tit">毕业时间</td>
<td colspan="2">2014.6.8</td>
<td class="tit">联系电话</td>
<td colspan="3">18856325968</td>
</tr>
<tr class="t2">
<td class="tit">邮箱</td>
<td colspan="2">wangyin@163.com</td>
<td class="tit">家庭住址</td>
<td colspan="3">安徽省合肥市蜀山区科学大道健康小区2105室</td>
</tr>
<tr class="t3">
<td class="tit">拥有证书</td>
<td colspan="6">驾驶证，会计证，办公自动化，等</td>
</tr>
<tr class="t3">
<td class="tit">专业技能</td>
<td colspan="6">photoshop php java javascript</td>
</tr>
<tr class="t3">
<td class="tit">工作经验</td>
<td colspan="6">某某公司前端开发（包括美工）
某某公司前端开发（包括美工）
</td>
</tr>
<tr class="t3">
<td class="tit">个人特点</td>
<td colspan="6">爱好学习，喜欢挑战有难度的工作</td>
</tr>
<tr class="t3">
<td colspan="7">相信您的信任与我的努力将为我们带来共同的成功，希望我能为贵公司贡献自己的力量！</td>
</tr>
</table>
</body>
</html>Les gars, je veux essayez-le à mon retour. , même si nous n'utilisons pas souvent des tableaux pour la mise en page dans le développement de sites Web, c'est la méthode de mise en page la plus simple
![Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Cours frontal base zéro [Vue apprentissage avancé et application pratique]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutoriel WEB front-end [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Application pratique Apipost [api, interface, tests automatisés, mock]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
