Blogger Information
Blog 25
fans 0
comment 0
visits 13740
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html表格的组成及实例
安超
Original
905 people have browsed it

表格是html的非常重用的一个组成部分。

其组成元素主要有:

1.table
2.caption:标题
3.thead :表头
4.tbody:表体(必须有)
5.tfoot:表尾
6.tr:表行
7.th:表头行
8.td:表列

常用的属性有:

1.rowspan:跨行合并;
2.colspan:跨列合并;
3.border:表的边框
4.cellspacing=”0”:设置单元格与单元格之间的距离
5.cellpadding=”10”:设置单元格内容与单元格边框的距离.

表格在课程表中的应用

  1. <table border="1" cellspacing="0" cellpadding="10">
  2. <caption>课程表</caption>
  3. <thead>
  4. <tr>
  5. <th></th>
  6. <th>星期一</th>
  7. <th>星期二</th>
  8. <th>星期三</th>
  9. <th>星期四</th>
  10. <th>星期五</th>
  11. </tr>
  12. </thead>
  13. <tbody>
  14. <tr>
  15. <td>第一节</td>
  16. <td rowspan="2">英语</td>
  17. <td>语文</td>
  18. <td rowspan="2">化学</td>
  19. <td>体育</td>
  20. <td>数学</td>
  21. </tr>
  22. <tr>
  23. <td>第二节</td>
  24. <td>化学</td>
  25. <td>数学</td>
  26. <td>英语</td>
  27. </tr>
  28. <tr>
  29. <td>第三节</td>
  30. <td>语文</td>
  31. <td >数学</td>
  32. <td colspan="2">体育</td>
  33. <td>化学</td>
  34. </tr>
  35. <tr>
  36. <td>第四节</td>
  37. <td colspan="2">语文</td>
  38. <td>英语</td>
  39. <td colspan="2">化学</td>
  40. </tr>
  41. <tr>
  42. <td>第五节</td>
  43. <td>英语</td>
  44. <td colspan="2">语文</td>
  45. <td colspan="2">化学</td>
  46. </tr>
  47. </tbody>
  48. <tfoot>
  49. <tr>
  50. <td colspan="6">注意:课间休息十分钟</td>
  51. </tr>
  52. </tfoot>
  53. </table>

效果图如下:
课程表

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:很棒,总结完成的很好
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post