zoukankan      html  css  js  c++  java
  • 关于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>
  • 相关阅读:
    ubuntu没有权限(不能)创建文件夹(目录)
    在ubuntu下安装KDE以及完全卸载KDE
    RadASM的主题更换!
    RadASM的测试工程!
    RadASM的测试工程!
    汇编工具安装三:已经配置好的汇编开发工具!
    汇编工具安装三:已经配置好的汇编开发工具!
    OSI 七层模型和 TCP/IP 四层模型 及 相关网络协议
    LwIP
    神秘的40毫秒延迟与 TCP_NODELAY
  • 原文地址:https://www.cnblogs.com/Johnon/p/5721784.html
Copyright © 2011-2022 走看看