用SublimeText2制作网页中的表格

一个网页有时候总是会有表格的,所以,制作表格的技能我们当然是要get的。首先,先来表格的标签属性吧:



<strong>表格标签属性</strong>
<table border="1" bordercolor="#000000">
    <tbody>
        <tr>
            <td>
                标签
            </td>
            <td>
                描述
            </td>
        </tr>
        <tr>
            <td>
                <table>
            </td>
            <td>
                定义表格
            </td>
        </tr>
        <tr>
            <td>
                <caption>
            </td>
            <td>
                定义表格标题
            </td>
        </tr>
        <tr>
            <td>
                <th>
            </td>
            <td>
                定义表格中的表头单元格
            </td>
        </tr>
        <tr>
            <td>
                <tr>
            </td>
            <td>
                定义表格中的行
            </td>
        </tr>
        <tr>
            <td>
                <td>
            </td>
            <td>
                定义表格中的单元
            </td>
        </tr>
        <tr>
            <td>
                <thead>
            </td>
            <td>
                定义表格中的表头内容
            </td>
        </tr>
        <tr>
            <td>
                <tbody>
            </td>
            <td>
                定义表格中的主体内容
            </td>
        </tr>
        <tr>
            <td>
                <col>
            </td>
            <td>
                定义表格中的一个或多个列的属性
            </td>
        </tr>
        <tr>
            <td>
                <tfoot>
            </td>
            <td>
                定义表格中的表注内容(脚注)
            </td>
        </tr>
        <tr>
            <td>
                <colqroup>
            </td>
            <td>
                定义表格中供格式化的列组
            </td>
        </tr>
    </tbody>
</table>



下面,就先来一组代码:



    
    Document


    
效果图:



<br />



<a href="https://www.361way.com/wp-content/uploads/2015/04/tables1.png"><img src="https://www.361way.com/wp-content/uploads/2015/04/tables1.png" alt="tables1" width="178" height="138" class="alignnone size-full wp-image-4244" /></a>



一张简单的表格就做好了。接下来就来讲一些比较复杂的表格:



<br />



    
    Document


    
成绩单
姓名 性别 成绩
张三 89
李四 88
效果图:



<br />

tables2

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

维修项目增补单
工单号 001 车牌号 浙D3378 车型 奥迪A8 技师 张三 检修时间 2015-3-27
序号 维修项目及更换配件 单价 数量 小计 工时费 合计 故障原因
1
2
3
备件费用小计: 工时费用小计: 合计: