表格在网页制作中用的很多,很多网站都是要求教程有很多大量的表格,表格的使用不仅让数据更加清楚,而且会让表格比较美观。那么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>
显示:
在以上代码中,tr就是表示表格行,td就是表示表格单元格,th是表格的表头,一般也是不能忽视的,其中tr和td标记着开始和结束,在表格中有几个<tr></tr>就表示几行。一般在默认情况下,表示是没有边框的,如果想给边框添加颜色可以利用css进行对边框的设置,从而让用户更好的去观看数据。
随着技术的更新换代,很多程序员都不选择使用table去布局表格,相反会选择一些DIV+CSS去布局,利用table布局网站的时候,好出现很多代码,形成代码冗余。