博客列表 >--表格入门--

--表格入门--

东风又西风
东风又西风原创
2023年03月10日 23:45:38395浏览

HTML表格入门

<table>内容</table>

为表格标签 table是一个复合标签 内容里必须有tr标签和td标签 其中tr为列 td为行 其写法是列中带行

如:

<tr><td>1-1</td><td>1-2</td></tr>

table标签中也有表头<thead>表身<tbody>表尾<tfoot>

表内合并在 td或th后加 “空格”rowspan(向下合并列)或colspan(向右合并行),后面的值为具体合并几个单元格

如:

  1. <table border="1px">
  2. <thead>
  3. 工资发放表
  4. </thead>
  5. <tr>
  6. <th rowspan="2">序号</th>
  7. <th rowspan="2">姓名</th>
  8. <th></th>
  9. <th colspan="3">应发工资</th>
  10. <th colspan="3">应扣款项</th>
  11. <th rowspan="2">实发金额</th>
  12. </tr>
  13. <tr>
  14. <th>职务</th>
  15. <th>基本工资</th>
  16. <th>出勤天数</th>
  17. <th>出勤天数岗位津贴</th>
  18. <th>病事假</th>
  19. <th>旷工违纪</th>
  20. <th>所得税</th>
  21. </tr>
  22. <tr>
  23. <td>1</td>
  24. <td>魏林旭</td>
  25. <td>总经理</td>
  26. <td>13.000.00</td>
  27. <td>30</td>
  28. <td>300.00</td>
  29. <td>0.00</td>
  30. <td>0.00</td>
  31. <td>0.00</td>
  32. <td>13.300</td>
  33. </tr>
  34. <tr>
  35. <td>2</td>
  36. <td>宋丹</td>
  37. <td>办公室经理</td>
  38. <td>7.000.00</td>
  39. <td>30</td>
  40. <td>300.00</td>
  41. <td>0.00</td>
  42. <td>0.00</td>
  43. <td>0.00</td>
  44. <td>7.300</td>
  45. </tr>
  46. <tr>
  47. <td>3</td>
  48. <td>刘希</td>
  49. <td>会计</td>
  50. <td>5.000.00</td>
  51. <td>30</td>
  52. <td>300.00</td>
  53. <td>0.00</td>
  54. <td>0.00</td>
  55. <td>0.00</td>
  56. <td>5.300</td>
  57. </tr>
  58. </table>

输出下图

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议