# table标签的学习 table,table，table，table，什么会不会读，不会读，英语太差！那就用拼音来凑【teibo】拼出来就对了，跟我一起读【teibo】，他的中文意思是叫表格，也就是表格布局，我很讨厌那种哑巴编程，只有你会读他，你才更有自信！ ## table标签是是啥，为何要有这个！ > table标签是，一套组合标签布局！他是由行和单元格组成的，对应的子标签有，tbody 表体,thead 表头 ,tfoot，表教,tr行,td单元格 > 用table布局有最大的好处就是可以直接的绘制界面布局，不需要外在的样式类控制，比如网页的渲染效率和规格工整比div+css方式要更强！ ## 它的缺点： 现在使用的场景更多的被div+css的方式代替了！ ## 要注意的点： 与table组合标签的属性， ![](https://box.kancloud.cn/6e5c62d01311cdc0cffbc281bfe91d1f_874x846.png) 扩展学习 http://www.w3school.com.cn/tags/tag_table.asp ![](https://box.kancloud.cn/1207541ea57d562d2726f3251b873c53_838x930.png) ## table还在用吗,一般都是用来处理什么样的界面布局需求呢！ 表格布局，一般对界面布局要求很工整，行和列分的很清晰，就可以采用table来布局咯！ ![](https://box.kancloud.cn/9d814ed0463f009f83ef119edd9ad388_2049x1124.png) <tr><td>标签哦 ![](https://box.kancloud.cn/760d451927e422730fb1d0e024612c80_2078x1002.png) https://www.workerman.net/ 可以去这个网站 F12使用调试模式，可以找到这个板块，里面还有很多地方都是使用了tabel！ 这样是不是就很清晰的知道了这个标签的使用场景。 # 课后练习 ![](https://box.kancloud.cn/29e47bcae07dda426ca69efe0dc28c92_481x683.png) 实现他一样的效果， 实现上面的效果，必须要对【要注意的点】模块的内容进行用心的学习练习！ 学习不可马虎，必须严谨！能做就能做，不会还请多练多问多想！