web前端开发网页设计课堂作业/html练习《课程表》

目标图:

代码解析:

代码解析
1<table border="3" align="center"><输入内容(的) 边界="3px" 位置="居中">
2<tr><td colspan="7" align="center">课程表</td><td 横跨的行数="7个" 位置="居中">
3<td rowspan="4" align="center">上&nbsp午</td><td 纵跨的列数n="4" 位置="居中" align="center">上(空格)午</td>
4<td colspan="7">&nbsp</tr><td 横跨的行数="7个">空格</tr>

运行代码:

<body>
<table border="3" align="center">
<tr>
	<td colspan="7" align="center">课程表</td>
</tr>
<tr>
	<td colspan="2" align="center">早&nbsp上</td>
	<td>周一</td>
	<td>周二</td>
	<td>周三</td>
	<td>周四</td>
	<td align="center">周五</td>

</tr>
<tr>
	<td rowspan="4" align="center">上&nbsp午</td>
	<td>1</td>
  	<td rowspan="2">网页</td>
	<td>动画</td>
 	<td rowspan="4">停课</td>
  	<td rowspan="2">网页</td>
	<td align="center">影视</td>
</tr>
<tr>
	<td>2</td>
	<td rowspan="3">网页</td>
	<td rowspan="2">课间休息</td>
</tr>
<tr>
	<td>3</td>
	<td>影视</td>
	<td rowspan="2">动画</td>
</tr>
<tr>
	<td>4</td>
	<td>动画</td>
	<td align="center">动画</td>
</tr>
<tr>
<td colspan="7" align="center">午&nbsp餐</td>
</tr>
<tr>
<td colspan="7" align="center">午&nbsp休</td>
</tr>
<tr>
	<td colspan="2" align="center">下&nbsp午</td>
	<td>周一</td>
	<td>周二</td>
	<td>周三</td>
	<td>周四</td>
	<td align="center">周五</td>
</tr><tr>
<td colspan="7" align="center">广播体操</td>
</tr>
<tr>
	<td rowspan="2" align="center">下&nbsp午</td>
	<td>1</td>
	<td colspan="3" align="center">网页</td>
	<td align="center">动画</td>
	<td align="center">影视</td>
</tr><tr>
	<td>2</td>
	<td colspan="2" align="center">动画</td>
	<td colspan="2" align="center">影视</td>
	<td align="center">网页</td>
</tr>
<tr>
	<td>放学时间</td>
	<td> </td>
	<td colspan="5" align="center">18:30</td>
</tr>
<tr>
<td colspan="7">&nbsp
</tr>
</body>

Edge浏览器运行效果:

Google浏览器运行效果:

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山山4332

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值