课间活动的表格怎么实现,想了很久也想不出来

课间活动的表格怎么实现,想了很久也想不出来


http://img1.sycdn.imooc.com//climg/5b23b08d0001322210220410.jpg
感觉很难实现,是我想的方向错了嘛?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

30回答
浩浩吃 2018-07-12 15:17:27
<!DOCTYPE html>
<html>

    <head>
		<title>表格属性</title>
		<meta charset="utf-8">
	</head>

	<body>
		<!-- 在以下表格标签中添加相应代码 -->
		<table border="1" width="500" cellspacing="0" cellpadding="5px" align="center">
			<caption>课程表</caption>
			<tr bgcolor="orange" align="center">
				<th>星期一</th>
				<th>星期二</th>
				<th>星期四</th>
				<th>星期五</th>
			</tr>
			<tr align="center">
				<td rowspan="2">语文</td>
				<td>数学</td>
				<td>英语</td>
				<td>生物</td>
			</tr>
			<tr align="center">
				<td>数学</td>
				<td>英语</td>
				<td>生物</td>
			</tr>
			<tr align="center">
				<td colspan="5">课间活动</td>		
			</tr>
			<tr align="center">
				<td rowspan="2">
					<table border="1" cellspacing="0">
						<tr>
							<td>前半节</td>
							<td>后半节</td>
						</tr>
						<tr>
							<td>诗词</td>
							<td>古文</td>
						</tr>
					</table>
				</td>
				<td>数学</td>
				<td>英语</td>
				<td>生物</td>
			</tr>
			<tr align="center">
				<td>数学</td>
				<td>英语</td>
				<td>生物</td>
			</tr>
		</table>
	</body>
</html>


慕尼黑1183503 2018-07-12 12:51:19

<!DOCTYPE html>
<html>

    <head>
  <title>表格属性</title>
  <meta charset="utf-8">
 </head>

 <body>
  <table border="1" width="500" cellspacing="0" cellpadding="5px" align="center">
   <caption>课程表</caption>
   <tr bgcolor="orange" align="center">
    <th>星期一</th>
    <th>星期二</th>
    <th>星期四</th>
    <th>星期五</th>
   </tr>
   <tr align="center">
    <td rowspan="2">语文</td>
    <td>数学</td>
    <td>英语</td>
    <td>生物</td>
   </tr>
   <tr align="center">
    <td>数学</td>
    <td>英语</td>
    <td>生物</td>
   </tr>
   <tr align="center">
    <td colspan="4">课间活动</td>
   </tr>
   <tr align="center">
    <td rowspan="2">
     <table border="1">
     <tr>
      <td>前半年</td>
      <td>后半年</td>
     </tr>
     <tr>
      <td>诗词</td>
      <td>古文</td>
     </tr>
     </table>
    </td>
    <td>数学</td>
    <td>英语</td>
    <td>生物</td>
   </tr>
   <tr align="center">
    <td>数学</td>
    <td>英语</td>
    <td>生物</td>
   </tr>
  </table>
 </body>
</html>

<!--给你参考下-->

帆某人 2018-07-12 03:27:27

用colspan属性合并第4行啊。

慕UI4716311 2018-07-12 01:48:45

我的建议是你在写代码之前,可以先想好需要几行几列,可以画出来,然后想那些需要合并,然后哪个地方可以嵌套。


慕容5832528 2018-07-07 00:35:26

把前两行的语文合并,即colspan="2" 删去第二行的语文.。把课间活动只留一个,剩下的删掉,加入"rowspan="4"属性。 将四五行语文合并,把语文删去 用嵌套的子表格内容代替

xuyimingwork 2018-06-27 09:28:32

语文跨了2行,课间活动跨了5列,诗词古文那个是在外围表格的单元格内嵌套了一个表格,其外围表格的单元格跨了2行,嵌套表格正常写即可。

少女墨脱 2018-06-22 19:20:46

colspan="n" (n=课间活动一共占了多少个单元格) 然后删除同行中后面n-1个单元格

debug工程师 2018-06-17 17:07:15

想一下它合并了几个单元格!!

卡布琦诺 2018-06-17 12:51:34

利用colspan和并列和rowspan合并行来实现哦,自己先动手写一写哦,如有问题欢迎再次提问,祝学习愉快!

新风008 2018-06-15 21:58:01

别着急,反复琢磨下。


首页上一页12下一页尾页
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师