• 技术文章 >web前端 >html教程

    HTML里table标签的使用方法

    php中世界最好的语言php中世界最好的语言2017-11-22 11:19:33原创5391
    HTML的table元素是包含tr td th表格标签元素的,那么今天我们就来给大家详细介绍一下表格的布局以及语法,最后是对表格的总结经验,大家也可以借鉴一下

    <table>表格布局篇,认识html表格基础语法,认识table表格结构语法,通过html table tr td、html table tr th表格实例掌握表格认识html表格table样式布局。同时table的样式可以通过CSS样式控制其各式各样的样式。

    html table表格目录

    table表格语法与结构

    table标签使用说明

    Table表格标签使用场景

    table表格案例

    DW软件输入表格布局

    table表格总结

    table表格语法与结构

    <table> 
        <tr> 
            <td>&nbsp;</td> 
            <td>&nbsp;</td> 
            <td>&nbsp;</td> 
        </tr> 
    </table> 
    <table> 
        <tr> 
            <th>&nbsp;</th> 
            <th>&nbsp;</th> 
            <th>&nbsp;</th> 
        </tr> 
    </table>

    以上2个表格结构中td和th使用,没有区别均可使用。

    table标签使用说明

    我们学习DIV+CSS了,不是就完全放弃丢弃table表格布局。想想我们为什么学习DIV CSS其中一个因素,让布局更简单、代码更简单,所以有时候我们也需要table表格来布局。

    比如,电子表格型的数据表格。

    Table表格标签使用场景

    table表格实际应用地方

    Table tr td th表格使用案例

    <table width="300" border="1" cellspacing="0"> 
        <tr> 
            <th>班级</th> 
            <th>日期</th> 
            <th>标题</th> 
        </tr> 
        <tr> 
            <td>一班</td> 
            <td>2012-5-10</td> 
            <td>标题1</td> 
        </tr> 
        <tr> 
            <td>二班</td> 
            <td>2012-5-20</td> 
            <td>标题2</td> 
        </tr> 
    </table>

    对于table表格总结

    table表格实用于多列数据列表,table会使用灵活运用即可。多列数据列表table标签要比使用div css节约代码,任意控制内容排版

    相关阅读:

    html的注释有什么作用


    html中的label标签使用方法


    HTML标题标签元素怎么修改

    以上就是HTML里table标签的使用方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:table HTML 使用方法
    上一篇:css的网页边框代码 下一篇:如何使用text-decoration
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 为什页面总是在分?中显示_html/css_WEB-ITnose• 《web前端最佳实践》-HTML篇_html/css_WEB-ITnose• 浏览器得到地址栏的相关信息_html/css_WEB-ITnose• 知名网站按钮 css 实现(含源码)_html/css_WEB-ITnose• HTML meta refresh 刷新与跳转(重定向)页面_html/css_WEB-ITnose
    1/1

    PHP中文网