0427-1

一、img标签

1、src 引入图片的路径

2、width   图片的宽度

3、height 图片的高度

4、title   鼠标移上图片显示图片的标题

5、alt   图片加载不出来时显示内容

二、表格标签

1、table    表格

2、border    表格的边框  1

3、cellspacing  表格中行列之间的间距  0

4、cellpadding   内容与边框之间的间距  0

5、tr   行

6、td   列

7、width  列的宽度

8、height  列的高度

9、align    水平对齐       包括   center  中间   right 右   left 左

10、valign     竖直方向     包括    top  顶部   middle  中间    bottom 底部

11、bgcolor  背景颜色

12、rowspan   行合并

13、colspan    列合并

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <table border="1" cellspacing="0" cellpadding="1" width="50%"  height="618px">
        <tr>
            <td width="50px" align="center">姓名</td>
            <td width="50px"></td>
            <td width="50px" align="center">性别</td>
            <td width="50px"></td>
            <td width="50px" align="center">出生年月</td>
            <td width="50px"></td>
            <td width="50px"rowspan="4"></td>
        </tr>
        <tr>
            <td align="center">民族</td>
            <td></td>
            <td align="center">政治面貌</td>
            <td></td>
            <td align="center">身高</td>
            <td></td>
            
        </tr>
        <tr>
            <td align="center">学制</td>
            <td></td>
            <td align="center">学历</td>
            <td></td>
            <td align="center">户籍</td>
            <td></td>
        </tr>
        <tr>
            <td align="center">专业</td>
            <td></td>
            <td colspan="2" align="center">毕业院校</td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td colspan="7" align="center"><b>技能、特长或爱好</b></td>
        </tr>
        <tr>
            <td align="center">外语等级</td>
            <td colspan="2"></td>
            <td align="center">计算机</td>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td align="center" colspan="7"><b>个人履历</b></td>
        </tr>
        <tr>
            <td align="center">时间</td>
            <td align="center" colspan="2">单位</td>
            <td align="center" colspan="4">经历</td>
        </tr>
        <tr>
            <td align="center">2002年4月</td>
            <td colspan="2"></td>    
            <td colspan="4"></td>
        </tr>
        <tr>
            <td align="center">2003年3月</td>
            <td colspan="2"></td>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td align="center">2003年8月</td>
            <td colspan="2"></td>
            <td colspan="4"></td>
        </tr>
        <tr>
            <td align="center" colspan="7"><b>联系方式</b></td>
        </tr>
        <tr>
            <td align="center" >通讯地址</td>
            <td colspan="3"></td>
            <td align="center" >联系方式</td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td align="center" >E-mail</td>
            <td colspan="3"></td>
            <td align="center" >邮编</td>
            <td colspan="2"></td>
        </tr>
        <tr>
            <td colspan="7" align="center" height="50"><b>自我评价</b></td>
        </tr>
       </table>
    </body>
</html>

posted @ 2018-04-27 11:42  所爱隔山隔海  阅读(284)  评论(0)    收藏  举报