table表單製作個人簡歷

靜篤歸心發表於2018-07-14

應用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>

 

相關文章