老师我有个问题

老师我有个问题

<!DOCTYPE html>

<html>

<head>




<meta charset="UTF-8">

<title>Document</title>


</head>

<body>



<table  width="100%" cellspacing="0" rules="none">


<tr bgcolor="#E1F2F9">

<td><img src="素材/images/logo.png" /></td>


<!--导航栏-->

<td> 

<table width="60%" rules="none">


<tr>

<td>学校概况</td>

            <td>机构设置</td>

            <td>师资队伍</td>

            <td>科学研究</td>

            <td>招生就业</td>

            <td>图书馆  </td>

            <td>校长信箱</td>

            <td>校园导航</td>

             

</tr>

</table>

</td>

<td width="10%">

<form >

快速通道


      <select name="xllb">

<option value="volvo">volvo</option>

</select>

</form>


</td>


</tr>

<tr>

<td colspan="3"><img src="素材/images/banner.jpg" width="100%" height="300px" /></td>


</tr>

<tr>


<td colspan="3">

<table width="65%" rules="none">

<tr>

<td >

<h3>慕课资讯&nbsp;基层采风&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;>></h3>

<p>>慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30</p>

<p>>李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30</p>

<p>台军演戏“歼击”解放军&nbsp;专家:自欺欺人&nbsp;12-30</p>

<p>气象局停发霾预警?回应:正协商联合发布机制&nbsp;12-30</p>

<p>>独家:小米影业解散宣发部门&nbsp;宣布成立一年后刹车&nbsp;12-30</p>

<p>>“哑巴群众”开口说话&nbsp;是稿件有误还是新闻造价?&nbsp;12-30</p>

<p>>要置业,看看2017全球掘金路线图&nbsp;12-30</p>

<p>>王健林和房地产越来越远?贾跃亭与房地产越来越近&nbsp;12-30</p>

 </td>


<td>


<h3>慕课资讯&nbsp;基层采风&nbsp;媒体聚焦&nbsp;慕课视频&nbsp;>></h3>

<p>>慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30</p>

<p>>李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30</p>

<p>台军演戏“歼击”解放军&nbsp;专家:自欺欺人&nbsp;12-30</p>

<p>气象局停发霾预警?回应:正协商联合发布机制&nbsp;12-30</p>

<p>>独家:小米影业解散宣发部门&nbsp;宣布成立一年后刹车&nbsp;12-30</p>

<p>>“哑巴群众”开口说话&nbsp;是稿件有误还是新闻造价?&nbsp;12-30</p>

<p>>要置业,看看2017全球掘金路线图&nbsp;12-30</p>

<p>>王健林和房地产越来越远?贾跃亭与房地产越来越近&nbsp;12-30</p>

             </td>


<td width="40%" >

<img src="素材/images/weixin.png" alt="微信图">

</td>


  </tr>

</table>

</td>


</tr>

<tr>


<td colspan="3">


<table width="65%" rules="none"> 

<tr >

<td  >近期专题</td>

</tr>


<tr >


                    <td ><img src="素材/images/1.png"></td>

                    <td ><img src="素材/images/2.png"></td>

                    <td ><img src="素材/images/3.png"></td>

                    </tr>

                    <tr>

                     <td>教育发展基金专题</td>

                     <td>教育发展基金专题</td>

                     <td>教育发展基金专题</td>

                    </tr>

            </table>

                    </td>

                </tr>


                <tr>

                 <td colspan="3">

             <table width="100%" rules="none">

            <!--新闻区-->

            <tr height="100px" bgcolor="aqua" width="100%">

                <td width="800px">

                    <span>文化站点&nbsp;&nbsp;</span>

                    <span>文化站点&nbsp;&nbsp;</span>

                    <span>文化站点&nbsp;&nbsp;</span>

                    <span>文化站点&nbsp;&nbsp;</span>

                    <span>文化站点&nbsp;&nbsp;</span>

                    <span>文化站点&nbsp;&nbsp;</span>

                    <span>文化站点&nbsp;&nbsp;</span>

                </td>

            </tr>

            <!--友情链接-->

            <tr height="80px" bgcolor="aquamarine">

                <td width="60%" colspan="2"  align="center">

                    <pre>Copyright &copy; 2017 imoc.com ALL Rights Reserved|京ICP备案 13046642号-2</pre>

                </td>

            </tr>

        </table>

                 </td>

                </tr>






</tr>


</table>





</body>

</html>

老师这个近期专题这块单元格跨了3列,为什么下面两行中还可以有3个单元格啊?


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

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

1回答
好帮手慕星星 2018-11-30 14:10:17

近期专题标题其实只占据了一个单元格,并没有设置colspan属性:如下:

http://img1.sycdn.imooc.com//climg/5c00d3f2000151f511480156.jpg

因为标题与内容不在一行显示,所以上面占据几列是没有影响的,但是建议图片与下方文字可以写在一个单元格中,使用br标签换行,并且设置居中显示即可。

自己可以动手测试下,祝学习愉快!

  • 提问者 慕侠0038522 #1
    老师我还有个疑问,文化站点底部一部分内容本身只有一个单元格,跨3列是为了填充宽度吗?
    2018-12-01 01:07:32
  • 提问者 慕侠0038522 #2
    老师我还有个疑问,文化站点底部一部分内容本身只有一个单元格,跨3列是为了填充宽度吗?
    2018-12-02 01:19:33
  • 好帮手慕星星 回复 提问者 慕侠0038522 #3
    是的,占据水平方向上全部的宽度,否则就不会全屏显示。
    2018-12-02 10:32:33
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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