老师,有几个问题想要请教一下

来源:3-2 项目作业

Redamancy_Y6

2019-12-16 22:16:20

<!DOCTYPE html>
<html>
<head>
	<title>homework</title>
</head>
<body>
	<!--整体-->
	<table>
		<!--顶部-->
		<table width="100%" bgcolor="#169bd5" cellpadding="6px">
			<thead>
				<tr>
					<td><img src="img/logo.png"></td>
				</tr>
			</thead>
		</table>
		<!--主体部分-->
		<table>
			<tbody>
				<!--左部分-->
				<table border="1" width="100%" >
					<tr>
						<td rowspan="18" width="12%">
						<p>商品管理</p>
						<p>评价管理</p>
						<p>咨询管理</p>
						<br/><br/>
						<p>全部订单</p>
						<p>已完成订单</p>
						<p>待处理订单</p>
						<p>今日物流</p>
						<br/><br/>
						<p>月考核</p>
						<p>季度考核</p>
						<p>年度考核</p>
						</td>
						<td colspan="8">
							<p>全部订单</p>
						</td>
					</tr>
					<tr>
						<td colspan="8">
							查询:<input type="date" name="date">
							至<input type="date" name="date">
						</td>
					</tr>
					<tr align="center">
						<td colspan="2" ><p>宝贝信息</p></td>
						<td>订单数量</td>
						<td>单价</td>
						<td>买家</td>
						<td>下单时间</td>
						<td>实付款</td>
						<td>订单操作</td>
					</tr>
					<tr align="center">
							<td><img src="img/txue.png"></td>
							<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center">
							<td><img src="img/txue.png"></td>
							<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center">
							<td><img src="img/txue.png"></td>
							<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center">
							<td><img src="img/txue.png"></td>
							<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center">
							<td><img src="img/txue.png"></td>
							<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center">
							<td><img src="img/txue.png"></td>
							<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center">
							<td><img src="img/txue.png"></td>
							<td>2019新款个性男女潮牌imooc暮春之行文化衫</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
					<tr align="center" >
							<td><img src="img/xie.jpg"></td>
							<td>2019新款个性男女潮牌imooc暮春之行运动鞋</td>
							<td>2</td>
							<td>120</td>
							<td>小明</td>
							<td>2019-2-21 21:54</td>
							<td>240</td>
							<td>待付款</td>
					</tr>
				</table>
			</tbody>
		</table>
		<!--脚注部分-->
		<table width="100%"  bgcolor="#169bd5"  cellpadding="4px">
			<tfoot>
				<tr align="center">
					<td>
						<p>2019-9-21 &copy;imooc.com</p>
					</td>
				</tr>
				
			</tfoot>
		</table>
</body>
</html>

1、左侧导航栏如何固定?

2、图片的大小如何调?

3、除了上述问题这个代码还有哪里有错误嘛?

写回答

1回答

好帮手慕码

2019-12-17

同学你好,针对你的问题如下回答:

(1)左侧导航栏需要布局在顶部,建议如下设置:

http://img.mukewang.com/climg/5df8407609ba44b605970387.jpg

(2)图片可以设置宽高属性:

http://img.mukewang.com/climg/5df83fa009791c5502740136.jpg

(3)其他问题,可以合并表格中的边框:

http://img.mukewang.com/climg/5df83fd609a5da4203190273.jpg

参考方法(border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示):

http://img.mukewang.com/climg/5df83fe40902127303090080.jpg

另,这个是大作业,同学可以直接提交作业,会有批复老师的作业一一为同学指出其中的问题,并给出详细的修改建议:

http://img.mukewang.com/climg/5df840f609a93d0116040374.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0
hedamancy_Y6
h 好的谢谢老师
h019-12-17
共1条回复

0 学习 · 40143 问题

查看课程