![HTML5+CSS3王者归来](https://wfqqreader-1252317822.image.myqcloud.com/cover/809/26846809/b_26846809.jpg)
上QQ阅读APP看书,第一时间看更新
6-1 表格的基本元素
设计表格需要下列3个基本元素:
<table>:<table>是表格的开始标记,</table>是表格的结束标记,所有的表格规划就是在这个元素中。
<tr>:定义行(row),<tr>定义行的起始,</tr>定义行的结束。
<td>:定义单元格。
若是将上述3个元素综合使用,那么表格的格式如下:
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P62_119347.jpg?sign=1738864421-ggQo7Gx7ROCalrxGJRD7RBS47GpGkPRB-0-f01c90dc2fa3bbba4a49f1564df6b79e)
在这些表格的单元格内输入内容时默认的格式是靠左对齐。
程序实例ch6_1.html:基本表格的应用,这个程序将建立一个有2行,每行有3个单元格的表格。
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P62_85057.jpg?sign=1738864421-IVYFpBc10GUPGYaHhka2PHqMsZIXHIfF-0-fdb84d2daef0e529d6f4e89df53766a0)
执行结果
![](https://epubservercos.yuewen.com/9A66B6/15289822205524906/epubprivate/OEBPS/Images/Figure-P62_119348.jpg?sign=1738864421-2cjTkEcZCvoFFIBK53vpBH4dSGTEbtju-0-c987cb88c4ed5d15300337348529ca51)
我们已成功建立一个表格了,可是这个表格没有框线,下一节将介绍加框线的方法。