黑马程序员技术交流社区

标题: html问题 [打印本页]
作者: 周志伟    时间: 2013-4-3 04:47
标题: html问题
本帖最后由 周志伟 于 2013-4-3 15:26 编辑

各位大神们，我的代码大致可以得到结果，但是有点问题，代码如何修改才能得到图片中的效果啊？


<html>
        <body>
                <center>
                        <table border="4">
                        
                        <caption><h2>班级相册</h2></caption>
                                <tr>
                                        <td><img src="gallery-img1.gif"></td>
                                        <td><img src="gallery-img2.gif"></td>
                                        <td><img src="gallery-img3.gif"></td>
                                </tr>
                                <tr>
                                        <td>班级相册一</td>
                                        <td>班级相册二</td>
                                        <td>班级相册三</td>
                                </tr>
                                <tr>
                                        <td><img src="gallery-img1.gif"></td>
                                        <td><img src="gallery-img2.gif"></td>
                                        <td><img src="gallery-img3.gif"></td>
                                </tr>
                                <tr>
                                        <td>班级相册一</td>
                                        <td>班级相册二</td>
                                        <td>班级相册三</td>
                                </tr>
                                <tr>
                                        <td><img src="gallery-img1.gif"></td>
                                        <td><img src="gallery-img2.gif"></td>
                                        <td><img src="gallery-img3.gif"></td>
                                </tr><tr>
                                        <td>班级相册一</td>
                                        <td>班级相册二</td>
                                        <td>班级相册三</td>
                                </tr>
                        
                        
                        <table border="4">
                        <caption><h2>课表</h2></caption>
                                <tr>
                                        <td>星期</td>
                                        <td>一</td>
                                        <td>二</td>
                                        <td>三</td>
                                        <td>四</td>
                                        <td>五</td>
                                </tr>
                                <tr>
                                        <td style="background:pink" rowspan=2>上午</td>
                                        <td>PS</td>
                                        <td>英语</td>
                                        <td>体育</td>
                                        <td></td>
                                        <td>数据库</td>
                                </tr>
                                <tr>
                                        <td></td>
                                        <td></td>
                                        <td>英语</td>
                                        <td>数据库</td>
                                        <td></td>
                                </tr>
                                <tr>
                                        <td style="background:pink" rowspan=2>下午</td>
                                        <td>数据库</td>
                                        <td>英语</td>
                                        <td></td>
                                        <td>体育</td>
                                        <td></td>
                                </tr>
                                <tr>
                                        <td></td>
                                        <td></td>
                                        <td>PS</td>
                                        <td></td>
                                        <td></td>
                                </tr>
                                
                        
                        
                </center>
               
                </center>
                        
                        <h1>公告栏</h1>
                        <h1>校园卡拉OK大赛</h1>
                        <p>学校将于近期举办校园卡拉OK大赛，报名截止日期4月20日，报名处在班文艺委员处，希望同学们踊跃参加。</p>
                 </center>
               
               
                <a href="mailto:zhouzhiwei_wesley@163.com">联系我们</a>        
                <div id="topDiv">Copyright  2012-2013 bnunightclass 2012 All rights reserved.</div>
               
        </body>
</html>

效果图.jpg (88.7 KB, 下载次数: 0)

效果图.jpg

未命名.jpg (83.26 KB, 下载次数: 5)

未命名.jpg
作者: 丁一    时间: 2013-4-3 08:34
你这个没有table 结束标签，加上就应该好了
作者: 谢辉林    时间: 2013-4-3 08:55
加上两个</table>标签就好了！
<html>
        <body>
                <center>
                        <table border="4">
                        
                        <caption><h2>班级相册</h2></caption>
                                <tr>
                                        <td><img src="gallery-img1.gif"></td>
                                        <td><img src="gallery-img2.gif"></td>
                                        <td><img src="gallery-img3.gif"></td>
                                </tr>
                                <tr>
                                        <td>班级相册一</td>
                                        <td>班级相册二</td>
                                        <td>班级相册三</td>
                                </tr>
                                <tr>
                                        <td><img src="gallery-img1.gif"></td>
                                        <td><img src="gallery-img2.gif"></td>
                                        <td><img src="gallery-img3.gif"></td>
                                </tr>
                                <tr>
                                        <td>班级相册一</td>
                                        <td>班级相册二</td>
                                        <td>班级相册三</td>
                                </tr>
                                <tr>
                                        <td><img src="gallery-img1.gif"></td>
                                        <td><img src="gallery-img2.gif"></td>
                                        <td><img src="gallery-img3.gif"></td>
                                </tr><tr>
                                        <td>班级相册一</td>
                                        <td>班级相册二</td>
                                        <td>班级相册三</td>
                                </tr>
                        
                        
                        <table border="4">
                        <caption><h2>课表</h2></caption>
                                <tr>
                                        <td>星期</td>
                                        <td>一</td>
                                        <td>二</td>
                                        <td>三</td>
                                        <td>四</td>
                                        <td>五</td>
                                </tr>
                                <tr>
                                        <td style="background:pink" rowspan=2>上午</td>
                                        <td>PS</td>
                                        <td>英语</td>
                                        <td>体育</td>
                                        <td></td>
                                        <td>数据库</td>
                                </tr>
                                <tr>
                                        <td></td>
                                        <td></td>
                                        <td>英语</td>
                                        <td>数据库</td>
                                        <td></td>
                                </tr>
                                <tr>
                                        <td style="background:pink" rowspan=2>下午</td>
                                        <td>数据库</td>
                                        <td>英语</td>
                                        <td></td>
                                        <td>体育</td>
                                        <td></td>
                                </tr>
                                <tr>
                                        <td></td>
                                        <td></td>
                                        <td>PS</td>
                                        <td></td>
                                        <td></td>
                                </tr>
                                
                        
                        
                </center>
               
                </center>
                        
                        <h1>公告栏</h1>
                        <h1>校园卡拉OK大赛</h1>
                        <p>学校将于近期举办校园卡拉OK大赛，报名截止日期4月20日，报名处在班文艺委员处，希望同学们踊跃参加。</p>
                 </center>
                </table>
                </table>
               
                <a href="mailto:zhouzhiwei_wesley@163.com">联系我们</a>        
                <div id="topDiv">Copyright  2012-2013 bnunightclass 2012 All rights reserved.</div>
               
        </body>
</html>
作者: 黄玉昆    时间: 2013-4-3 12:33
如果问题未解决，请继续追问，如果没有问题了，请将帖子分类 改为“已解决”，谢谢
作者: 周志伟    时间: 2013-4-3 15:25
黄玉昆 发表于 2013-4-3 12:33
如果问题未解决，请继续追问，如果没有问题了，请将帖子分类 改为“已解决”，谢谢 ...

知道了，谢谢啦
作者: 周志伟    时间: 2013-4-3 15:25
谢辉林 发表于 2013-4-3 08:55
加上两个标签就好了！

        

恩，知道了。谢谢哈
作者: 周志伟    时间: 2013-4-3 15:26
丁一 发表于 2013-4-3 08:34
你这个没有table 结束标签，加上就应该好了

知道了，谢谢哈。



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2