项目作业的思路

老师，您好，根据上图项目作业中提示的，分为页头，banner区，内容，链接等，就html语言，我能想到的就是表格<table></table>属性，那实际操作的时候需要在表格里面再嵌套表格，最外层的表格，我想的是6行一列，然后分别按照顺序从上到下，逐步对每一行内的内容再次嵌套表格，我这个思路正确么？我现在不知道如何用<div></div>去写。或者还有其他的思路么？

键盘f11 2020-04-24

源自：项目：搭建网页结构 3-10 作业题

收起

1回答

好帮手慕慕子回答被采纳获得+3积分 2020-04-24 15:35:11

同学你好，思路是可以的，但是有些复杂。建议可以参考如下思路，减少表格的嵌套，只给新闻内容和近期专题分别嵌套一个表格就可以了，如下：

1、最外层使用一个大的表格，设置百分百宽度全屏显示，划分为6行，每一行对应一个区域

2、第一行表示头部，划分为一行三列，左侧填充logo图，中间使用span包裹导航项，右侧填充表单项内容

2、第二行表示banner区域，使用colspan属性合并单元格，然后给图片设置百分百宽度，全屏显示

3、第三行表示新闻内容区域，使用colspan属性合并单元格后，嵌套一个表格，将这个表格划分为一行三列，使用h3和p标签包裹文字内容，img标签那引入图片。

4、第四行表示近期专题区域，使用colspan属性合并单元格后，嵌套一个表格，将这个表格划分为两行三列，第一行填充标题，第二行使用img和p标签实现效果。

5、第五行和第六行，思路一样，直接使用span包裹文字实现效果就可以了。

老师这里只是提供一个参考思路，具体的细节需要同学自己调整，目前阶段，我们还没有学习css，无法很好的设置样页面样式，所以先不考虑div去实现效果，直接使用表格实现效果就可以了，后期我们学习了css后，同学可以再返回来练习下。

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

收起回答

键盘f11 提问者 #1

谢谢您，老师，我根据您这边的思路自己再整理一下

2020-04-24 15:41:25
一穷二白入前端回复提问者键盘f11 #2

老师，第五第六行能详细说说吗？，是还要嵌套表格还是怎样，我没嵌套表格，发现给不上颜色，也居中不了。当我嵌套上表格发现可以上颜色，可以居中了。如何不嵌套表格。实现我想要的。要求：给上颜色，居中。

2020-04-30 23:05:28
键盘f11 提问者回复一穷二白入前端 #3

<td colspan="3" >         近期专题 <table width="100%"> <tr align="center"> <td> <img src="images/1.png"><br/> <span>教育发展基金专题</span> </td> <td> <img src="images/1.png"><br/> <span>教育发展基金专题</span> </td> <td> <img src="images/1.png"><br/> <span>教育发展基金专题</span> </td> </tr> </table> </td> 同学你好，上述为我第五行第六行的内容，嵌套的一个表格，如果不嵌套表格的话，是否可以使用div容器呢？属于后面css的内容，上颜色，您这边指的是字体的颜色还是背景颜色呢？背景颜色的话是可以实现的，<td bgcolor="#fff">，按照上述的表达方式(缺陷，上的背景颜色是整个表格框，且宽度和高度不容易调整)

2020-05-01 08:46:26