3-4编程练习的显示效果不太一样

3-4编程练习的显示效果不太一样

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页布局练习</title>
</head>
<body>
<table>
<tr bgcolor="pink" height="80px"><td>页头</td></tr>
<tr height="10px"><td></td></tr>
<tr bgcolor="orange"><td>
<table>
<tr>
<td width="240px">左侧内容</td>
<td width="20px"></td>
<td width="764px">右侧内容</td>
</tr>
</table>
</td></tr>
<tr height="10px"><td></td></tr>
<tr bgcolor="black" height="80px"><td>页脚</td></tr>
</table>
</body>
</html>


正在回答

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

2回答

与效果图是不一致,给一些建议可以参考:

1、首先,宽度充满整个页面,给最外层table设置width为100%;

2、给中间的table设置固定宽度(70%左右)、背景颜色、居中。

祝学习愉快!

  • ZZH994 提问者 #1
    非常感谢!
    2017-09-16 21:57:35
  • ZZH994 提问者 #2
    进行网页布局的时候,是不是更经常用<div>块状标签,而不是用表格标签来写?
    2017-09-16 21:59:38
小丸子爱吃菜 2017-09-16 22:09:43

是的,这里只做练习,等到CSS步骤会教大家如何使用div布局。

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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