simple traditional layout in html(use table)

最新推荐文章于 2024-09-04 15:47:59 发布

Davenny

最新推荐文章于 2024-09-04 15:47:59 发布

阅读量416

点赞数 1

分类专栏： html5 文章标签： html 布局

本文链接：https://blog.csdn.net/Davenny/article/details/78164578

版权

html5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这里写图片描述

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>

Davenny

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
simple traditional layout in html(use table)

code:<!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="ce
复制链接

扫一扫

专栏目录