simple traditional layout in html(use table)

来源：互联网发布：淘宝查号网址编辑：程序博客网时间：2024/06/06 05:06
这里写图片描述
code:
(create hot key for table 3*2:table>(tr>td*2)*3 (tab)
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Hello!</title></head><body>    <table width="800" height="800" border="0" cellspacing="0" cellpadding="0" align="center">        <tr>            <td width="260" valign="top" bgcolor="#f2f2f2">                <table width="260" >                    <tr height="100">                        <td></td>                        <td></td>                    </tr>                    <tr>                        <td width="230" align="right"><img src="../images/avatar.png"></td>                        <td width="30"></td>                    </tr>                    <tr>                        <td align="right">name</td>                        <td></td>                    </tr>                    <tr>                        <td align="right">phone number</td>                        <td></td>                    </tr>                    <tr>                        <td align="right">e-mail</td>                        <td></td>                    </tr>                </table>            </td>            <td width="30"></td>            <td width="480" valign="top">                <table cellpadding="0" cellspacing="0" width="480" border="0">                    <tr height="75"></tr>                    <tr>                        <td align="right">                            <img src="../images/resume.png">                        </td>                    </tr>                </table>                <hr />                <table cellpadding="0" cellspacing="0" width="480" border="0" height="180">                    <tr height="30"></tr>                    <tr>                        <td colspan="2"><b>Primary information</b></td>                    </tr>                    <tr>                        <td>name:Davenny</td>                        <td>Province:hhhh</td>                    </tr>                    <tr>                        <td>Sex:bu ming</td>                        <td>Height:None</td>                    </tr>                    <tr>                        <td>Federal : Han</td>                        <td>Weight : very Slight</td>                    </tr>                    <tr>                        <td>Birthday:None</td>                        <td>Tel:387452683745</td>                    </tr>                    <tr>                        <td>Major:CS</td>                        <td>Place to hide:CSDN</td>                    </tr>                </table>                <table>                    <tr height = '30'></tr>                    <tr>                        <td><b>Educational Experience</b></td>                    </tr>                    <tr>                        <td><b>2009.09-2012.06 </b>Technology University major in SC</td>                    </tr>                    <tr>                        <td><b>2012.09-2015.08</b>Science University of China major in AI</td>                    </tr>                </table>            </td>            <td width="30"></td>        </tr>    </table></body></html>
阅读全文
1 0