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>
  • 相关阅读:
    AOP AspectJ 字节码 语法 MD
    判断小米华为等系统 MD
    vuejs2.0实现分页组件,使用$emit进行事件监听数据传递
    vuejs2.0实现一个简单的分页
    vuejs2.0使用Sortable.js实现的拖拽功能
    JavaScript之Number、String、Array常用属性与方法手册
    CSS3效果:5种预载动画效果
    vuejs 1.x
    window.requestAnimationFrame与Tween.js配合使用实现动画缓动效果
    如何用JavaScript判断dom是否有存在某class的值?
  • 原文地址:https://www.cnblogs.com/Johnon/p/5721784.html
Copyright © 2011-2022 走看看