博客列表 >0117作业课程表

0117作业课程表

P粉753609736
P粉753609736原创
2023年01月17日 11:50:56244浏览

php中文网课程表

  1. <table>是复合元素: 需要多个标签进行描述
  2. 1. table: 表格容器
  3. 2. caption: 表格标题(可选)
  4. 3. tr: 表格中的行
  5. 4. td/th: 单元格(列),数据容器,必须写到<tr>内部
  6. th与td区别在于多了"加粗和居中"样式,学用在thead中

1.表格容器及表格标题

表格容器<table>表格标题<caption>
  1. <table>
  2. <caption>
  3. <h2>php中文网22期课程表</h2>
  4. </caption>

2.表格表头

th多用于表格表头,”加粗和居中”样式
emmmet语法tr>th{内容}*5
  1. <tr>
  2. <th>老师</th>
  3. <th>排班表</th>
  4. <th>上课时间</th>
  5. <th>教学内容</th>
  6. <th>备注</th>
  7. </tr>

3.表体

colspan行表格合并
rowspan列表格合并
emmet语法tr*5>td{内容}*5
  1. <tr>
  2. <td>pdf</td>
  3. <td>pdf</td>
  4. <td>pdf</td>
  5. <td>pdf</td>
  6. <td>pdf</td>
  7. </tr>
行1-行3合并colspan
  1. <tr>
  2. <td colspan="3">pdf</td>
  3. <!-- <td>pdf</td> -->
  4. <!--<td>pdf</td> -->
  5. <td>pdf</td>
  6. <td>pdf</td>
  7. </tr>
列5-行4合并rowspan
  1. <tr>
  2. <td>pdf</td>
  3. <td>pdf</td>
  4. <td>pdf</td>
  5. <td rowspan="2">pdf</td>
  6. <td>pdf</td>
  7. </tr>
  8. <tr>
  9. <td>合计</td>
  10. <td>合计</td>
  11. <td>合计</td>
  12. <!-- <td>合计</td> -->
  13. <td>合计</td>
  14. </tr>

4.表尾部

  1. <tr>
  2. <td>合计</td>
  3. <td>合计</td>
  4. <td>合计</td>
  5. <td>合计</td>
  6. <td>合计</td>
  7. </tr>
上一条:课程表-表格下一条:116作业
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议