微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html表格基本结构是什么?html表格的完整代码详解

表格在网页制作中用的很多,很多网站都是要求教程有很多大量的表格,表格的使用不仅让数据更加清楚,而且会让表格比较美观。那么html表格基本结构是什么?下面我们对html表格的完整代码进行详解。【推荐阅读:HTML是什么意思?其基本结构指的是啥?

html表格基本结构是什么?html表格的完整代码详解

表格最基本的标签就是一些属性,比如table标签和tr标签和td标签,其中table标签是包含<tr>和<td>,语法为:

<!DOCTYPE html> 
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
    <title>表格基本结构</title>
</head>
<body>
    <table>        
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </table>
</body>
</html>

显示

微信截图_20181112134344.png

在以上代码中,tr就是表示表格行,td就是表示表格单元格,th是表格的表头,一般也是不能忽视的,其中tr和td标记着开始和结束,在表格中有几个<tr></tr>就表示几行。一般在认情况下,表示是没有边框的,如果想给边框添加颜色可以利用css进行对边框的设置,从而让用户更好的去观看数据。

随着技术的更新换代,很多程序员都不选择使用table去布局表格,相反会选择一些DIV+CSS去布局,利用table布局网站的时候,好出现很多代码,形成代码冗余。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐