码迷,mamicode.com
首页 > Web开发 > 详细

初始HTML_表格

时间:2019-10-23 15:19:25      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:合并   创建表   doc   oam   body   图片   app   并行   alt   

Html表格

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table border="1px" cellspacing="0px" align="center">
            <colgroup span="6" width="40px"></colgroup>
            <colgroup span="7" width="50px"></colgroup>
            <tr><th colspan="7">个人简历</th></tr>
            <tr align="center" height="20px">
                <td>姓名</td><td></td><td>性别</td><td></td><td></td><td></td><td rowspan="4">照片</td>
            </tr>
            <tr height="20px">
                <td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
            <tr height="20px">
                <td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
            <tr height="20px">
                <td >籍贯</td><td colspan="5"></td>
            </tr>
            <tr height="20px">
                <td></td><td></td><td></td><td></td><td></td><td></td><td></td>
            </tr>
        </table>
    </body>
</html>

    

技术图片

  1. <table>**</table>

    作用:创建表格

  2. <tr></tr>

    作用:表格的行

  3. <td></td>

    作用:表格的列

  4. <th></th>

    作用:表头,相当于<td align="center"> <b>个人简历</b></td>

  5. border

    作用:表格线宽

  6. colgroup

    作用:列成组,span几列应用同意样式

  7. align

    作用:表内内容居中

  8. rowspan

    作用:合并列

  9. colspan

    作用:合并行

初始HTML_表格

标签:合并   创建表   doc   oam   body   图片   app   并行   alt   

原文地址:https://www.cnblogs.com/SSPOFA/p/11726385.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!