关于H5表格布局问题的探究

创建表格然后合并表格,在表格中加入图片和文字,这仅仅是往里面添加进一些简单的东西,不过还是有点效果的,很空洞啊 ,这里面啥都没有,我希望可以学到更深层次的

技术,我继续去看书。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body style="align-content: center;">
        <img src="img/05.jpg"/ >
        <table border="1" bgcolor="white" width="70%">
            <tr style="color: blue" align="center" height="30px">
                <td ><u>首页</u></td>
                <td><u>公司简介</u></td>
                <td><u>新闻资讯</u></td>
                <td><u>产品中心</u></td>
                <td><u>联系我们</u></td>
            </tr>
            <tr>
                <td colspan="5"><img src="img/06.jpg" /></td>
            </tr>
            <tr height="130px">
                <td colspan="2" width="258px">
                    <form action="table.html" method="post">
                        用户名:<input type="text" value="" size="20"/ >
                    </form></br>
                    <form action="table2.html" method="post">
                        密码:&nbsp;<input type="text" value="" size="20"/>
                    </form></br>
                    <input type="button" name="comit" value="登陆"/>
                    <input type="button" name="reset" value="注册"/>

                </td>
                <td colspan="3">
                    <ul>
                        <li>韩国军舰爆炸沉海&nbsp;军方分析或因内部爆炸&nbsp;2010-03-027&nbsp;16:42</li>
                        <li>韩国军舰爆炸沉海&nbsp;军方分析或因内部爆炸&nbsp;2010-03-027&nbsp;16:42</li>
                        <li>韩国军舰爆炸沉海&nbsp;军方分析或因内部爆炸&nbsp;2010-03-027&nbsp;16:42</li>
                        <li>韩国军舰爆炸沉海&nbsp;军方分析或因内部爆炸&nbsp;2010-03-027&nbsp;16:42</li>
                    </ul>

                </td>
            </tr>
        </table>
        <table border="1" width="70%">
                <tr>
                    <td><img src="img/07.jpg"/></td>
                    <td><img src="img/08.jpg"/></td>
                    <td><img src="img/09.jpg"/></td>
                    <td><img src="img/10.jpg"/></td>
                    <td><img src="img/11.jpg"/></td>
                    <td><img src="img/12.jpg"/></td>
                </tr>
    
            
        </table>    
    </body>
</html>

 

posted on 2016-07-30 21:31  宁缺John  阅读(1179)  评论(0编辑  收藏  举报

导航