HTML个人简历制作

最新推荐文章于 2024-07-21 18:28:48 发布

The Qing

最新推荐文章于 2024-07-21 18:28:48 发布

阅读量656

点赞数 2

分类专栏： HTML 文章标签： html5 html

本文链接：https://blog.csdn.net/m0_51346837/article/details/115870756

版权

HTML 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head> 
<body>
    <h3></h3>
    <table border="1px" cellspacing="0">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="200px">
        <tr align="center" height="40px">
           <td colspan="7">个人简历</td>
          
        </tr>
        <tr align="center" height="40px">
            <td>姓名</td>
            <td></td>
            <td>性别</td>
            <td></td>
            <td>年龄</td>
            <td></td>
            <td rowspan="4">照片</td> 
        </tr>
        <tr align="center" height="40px">
            <td>学历</td>
            <td></td>
            <td>籍贯</td>
            <td colspan="3"></td>
            
       
           
        </tr>
        <tr align="center" height="40px">
            <td>电话</td>
            <td></td>
            <td>政治面貌</td>
            <td colspan="3"></td>
           
          
            
        </tr>
        <tr align="center" height="40px">
            <td>毕业院校</td>
           
            <td colspan="5"></td>
          
            
        </tr>
        <tr align="center" height="40px">
            <td>求职意向</td>
            <td colspan="6"></td>
        </tr>

    </table>
  
</body>
</html>

显示结果
在这里插入图片描述

总结

<table>...</table>    <!--表格-->
<tr>...</tr>         <!--表示一行-->
<td>...</td>         <!--表示单元格-->
<col>             <!--表示一列-->

border="1px"    <!--表格边框属性-->
cellspcing="0"  <!--单元格空隙-->

align=""        <!--对齐方式-->

colspan="7"   <!--列的合并-->
rowspan="4"   <!--行的合并-->