欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

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

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

表格在网页制作中用的很多,很多网站都是要求教程有很多大量的表格,表格的使用不仅让数据更加清楚,而且会让表格比较美观。那么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布局网站的时候,好出现很多代码,形成代码冗余。

以上就是对Html表格基本结构是什么?Html表格的完整代码详解的全部介绍,如果你想了解更多有关Html5教程,请关注杨雨个人博客。 本文地址:http://itbyc.com/web/html5/19892.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1