怎样能快速的学会制作表格?
发布网友
发布时间:2022-02-23 07:43
我来回答
共1个回答
热心网友
时间:2022-02-23 09:13
<table>:这个英文符号表示表格的起始符。任意一个表格的开始都必须以它为开头,有起始符就有终止符</table>。
<tbody>:这个符号紧跟在<table>之后,表示表格的开始。有开始就有结尾符,放在</table>之后。在纯网页中可以不要tbody元素,但在论坛一定要使用,否则,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。
如下图的表格,表格一般用来做栏目的分类
序号
注册用户名
序号 注册用户名
81 a405075053
86 manrong
82 zhangshang
87 nung2006
83 dangbaolei 88 yunhenver
84 wenxinjiayuan
89 yingying595
85 rendanruju68
90 changfayirou
<tr>:tr的作用是规定表格的行,其中,t是table,r是row(行)。有多少组tr,这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr>。
<td>:td的作用是规定表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格就有多少列。第一个<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。
</td>、</tr>、</tbody>、</table>:这些都是相应元素的终止符,表示相应元素所规范的内容结束。必须注意它们的排列顺序。
从表格的代码框架分析得出:表格标签里,所有元素都成对出现,而这些元素是按照从大到小的顺序从外往里层层包裹的。table最大,它占在起始和终结的位置,tbody是老二,tr是老三,td最小,它在最里层。
只要弄清楚了这个原理,是不是觉得很简单呢?以下给大家一些代码!你们自己试试做,然后找出不同的因素,只要动手尝试,你就一定做成功了。看你做出的效果如何?只要你学会了,背景颜色就可以任意变化了。
<DIV align=center> <DIV align=center> <TABLE bgColor=#ccaae0 border=1 cellPadding=8 cellSpacing=10 style="HEIGHT: 76px; WIDTH: 602px" width=480> <TBODY> <TR> <TD> <DIV align=center>添加内容</DIV></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV align=center> <DIV align=center> <TABLE bgColor=#960550 border=1 cellPadding=8 cellSpacing=10 style="HEIGHT: 76px; WIDTH: 605px" width=480> <TBODY> <TR> <TD> <DIV align=center>添加内容</DIV></TD></TR></TBODY></TABLE></DIV></DIV>
<DIV align=center> <DIV align=center> <TABLE bgColor=#000000 border=1 cellPadding=8 cellSpacing=10 style="HEIGHT: 44px; WIDTH: 534px" width=480> <TBODY> <TR> <TD><FONT color=#ffff00>添加内容</FONT></TD></TR></TBODY></TABLE></DIV></DIV>