HTML表格跨多行rowspan,跨多列colspan
2017-03-31 15:45
441 查看
纯手打,转载请附上本文网址!!!
colspan是跨多行,rowspan是跨多列
<!---时间:2017.3.31 功能:Day3课下作业---> <!---colspan跨多列,rowspan跨多行---> <html> <meta charset="utf-8"> <head> <title>第三天课下作业(table)</title> </head> <body align="center" cellspan> <table border=3 bordercolor="blue" align="center"> <caption align="center"><strong>课程表</strong></caption> <tr><th>项目</th><th colspan=5 align="center">上课</th><th colspan=2 align="center">放假</th></tr> <tr><th>星期</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th><th>星期六</th><th>星期天</th></tr> <tr><td rowspan=4>上午</td><td>语文</td><td>数学</td><td>英语</td><td>英语</td><td>物理</td><td>计算机</td><td rowspan=4 align="center">休息</td></tr> <tr><td>数学</td><td>数学</td><td>地理</td><td>历史</td><td>化学</td><td>计算机</td></tr> <tr><td>化学</td><td>语文</td><td>体育</td><td>计算机</td><td>英语</td><td>计算机</td></tr> <tr><td>化学</td><td>语文</td><td>体育</td><td>计算机</td><td>英语</td><td>计算机</td></tr> <tr><td rowspan=2>下午</td><td>语文</td><td>数学</td><td>英语</td><td>英语</td><td>物理</td><td>计算机</td><td rowspan=2 align="center">休息</td></tr> <tr><td>数学</td><td>数学</td><td>地理</td><td>历史</td><td>化学</td><td>计算机</td></tr> </table> </body> </html>
相关文章推荐
- 黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列
- html特殊表格(colspan,rowspan)
- 【HTML】table表格拆分合并(colspan、rowspan)
- HTML表格的rowspan与colspan视频教程 colspan 属性 -- 可以实现HTML表格中一行跨越多列
- HTML中表格属性rowspan与colspan的使用小例子
- HTML表格跨行、跨列操作(rowspan、colspan)
- html的table中rowspan colspan实现跨行或者跨列
- colspan 和rowspan的用法,表格边框颜色和字体颜色设定
- html ==colspan横跨列,rowspan横跨行
- POI操作Word中表格 转html的table时解决横跨colspan
- 【HTML】Intermediate4:Tables:rowspan and colspan
- html rowspan colspan代码示例
- html tabel colspan和rowspan
- html中的rowspan和colspan
- HTML表格标记教程(34):跨行属性ROWSPAN
- rowspan 属性 -- 可以实现HTML表格中一列跨越多行
- jQuery Table2CSV插件(表格转CSV) 完美支持colspan和rowspan
- Html之table_rowspan用法_colspan_实例
- html表单元素的colspan和rowspan
- C# Html格式内容转Csv内容包括table(重点在rowspan和colspan合并),p,div元素