欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

table表单制作个人简历

程序员文章站 2022-06-02 12:11:00
应用table表单,编程个人简历表单,同时运用了跨行rowspan和跨列colspan。 ......

应用table表单,编程个人简历表单,同时运用了跨行rowspan和跨列colspan。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            table,
            table tr td {
                border-color: blue;
                
                
            }
            
        </style>
    </head>

    <body>
        <table border="2"  >

            <tr>
                <td colspan="4">你猜的简历</td>
            </tr>
            <tr>
                <td>姓名:</td>
                <td>你猜</td>
                <td>工作:html5</td>

                <td rowspan="5"><img src="img/捕获.PNG" style="width: 400px;height:400px;"></td>
            </tr>

            <tr>
                <td colspan="2">年龄:</td>
                <td>20世纪</td>

            </tr>
            <tr>
                <td colspan="2">住址:</td>
                <td>中国</td>

            </tr>
            <tr>

                <td colspan="2">专业:</td>
                <td>html5</td>
            </tr>
            <tr>

                <td colspan="2">背景:</td>
                <td>中国公民</td>
            </tr>
            <tr>
                <td colspan="3">工作经历:</td>
                <td>曾经。。。干过。。。有十年以上的开发经验,做过n多个项目,曾担任微软技术总监、谷歌技术总监、百度与腾讯以及新浪的技术总监</td>
            </tr>
            <tr>
                <td colspan="3">自我评价:</td>
                <td>为人热情诚恳,比较容易融入团队,责任心强,对html5热衷,不怕吃苦,自学能力强。</td>
            </tr>

        </table>
    </body>

</html>