左米n
左米n
  • 发布:2016-08-08 19:53
  • 更新:2016-08-08 19:53
  • 阅读:11666

运用HBuilder实现简单的DIV+CSS布局的静态页面

分类:HTML5+

<!DOCTYPE html>  
<html>  

    <head>  
        <meta charset="UTF-8">  
        <title>order1</title>  
        <link rel="stylesheet" type="text/css" href="css/doject.css" />  
    </head>  

    <body>  
        <div id="container">  
            <div id="mainbox">  
                <div id="left">  
                    <div class="lt">  
                        <span>  
                        <h4>知识加油站</h4></span>  
                    </div>  
                    <img src="img/1.jpg" />  
                    <h6>IT界中的女性精英们</h6>  
                    <p>IT界中的女性精英们 女性在在新经济的浪潮中做得丝毫不比男性差。在《财富》500强公司中你也可以找到她们的影子,500强公司中就有许多在令人敬畏的IT公司,而且她们是在权威的地位上。</p>  
                    <img src="img/2.jpg" />  
                    <h6>迈克尔·布朗</h6>  
                    <p>Michael BrownQuantum 公司前任董事会主席兼首席执行官2005 年 7 月赛门铁克与维尔软件公司合并后,Michael Brown 加入赛门铁克的董事会。自 2003 年开始,Brow</p>  
                </div>  
                <div id="middle">  
                    <div class="lt">  
                        <span>  
                        <h4>独家专栏</h4></span>  
                    </div>  

                    <div id="news_block">  
                        <div id="title">  
                            <h6><a href="#" target="_blank">新媒体的硬件环境----三谈网络媒体</a></h6>  
                        </div>  
                        <p>新媒体不是谁发明的,而是随着互联网的发展和市场的需求应运而生,被专家们归纳中介出来的。新媒体的发展其中一个非常重要的前提条件就是要有足够好,足够便宜,足够方便的用户使用终端系列上市。  
                            <a href="#" target="_blank">[查看原文]</a>  
                        </p>  
                    </div>  

                    <div id="news_block">  
                        <div id="title">  
                            <h6><a href="#" target="_blank">中国移动推oPhone,让诺基亚面对难题</a></h6>  
                        </div>  
                        <p>今天中国移动正式发布oPhone,这是一件对于通信业影响深远的大事,意味了电信运营商干预操作系统的时代到来,也对手机制造商和操作系统开发商提出了一个大问题,未来的路何去何从。  
                            <a href="#" target="_blank">[查看原文]</a>  
                        </p>  
                    </div>  

                    <div id="news_block">  
                        <div id="title">  
                            <h6><a href="#" target="_blank">windows7盗版很严重,微软很生气</a></h6>  
                        </div>  
                        <p>微软能不惜重金研发出革命性的Win7,就必然有能力从技术或法律层面维护自身的利益。等到微软真正发怒了,那些不废吹灰之力自认为可以坐享其成者将如何收场呢?  
                            <a href="#" target="_blank">[查看原文]</a>  
                        </p>  
                    </div>  

                    <div id="news_block">  
                        <div id="title">  
                            <h6><a href="#" target="_blank">网谣从何处造起?散布网谣者应严惩</a></h6>  
                        </div>  
                        <p>熊忠俊这种炒作恰恰的对当事人家长进行了心灵上的严重摧残,胡斌父亲感觉已被逼上绝路。同时对司法机构进行公然的挑衅,引发网民猜疑,误导公众舆论,扰乱公共秩序。如果不实行有力的制裁,社会就不可能稳定,正当权益就不可能维护  
                            <a href="#" target="_blank">[查看原文]</a>  
                        </p>  
                    </div>  
                </div>  
                <div id="right">  
                    <div class="lt">  
                        <span>  
                        <h4>知识加油站</h4></span>  
                    </div>  
                    <img src="img/4.jpg" width="89" height="89" />  
                    <h6>周以真</h6>  
                    <p>周以真(英文名Jeannette M. Wing),美国计算机科学家。卡内基-梅隆大学教授。美国国家自然基金会计算与信息科学工程部助理部长。ACM和IEEE会士。</p>  
                    <img src="img/5.gif" width="116" height="107" />  
                    <h6>理查德·史蒂文斯</h6>  
                    <p>理查德·史蒂文斯理查德·史蒂文斯(William Richard (Rich) Stevens,1951年2月5日-1999年9月1日),美国计算机科学家,是众多的畅销UNIX、TCP/IP书籍的作者。</p>  
                </div>  
            </div>  
        </div>  
        <div id="footer">  
            <div id="websitename">  
                HBuilder_mz出版,盗版必究  
            </div>  
            <div id="siteright">  
                &copy;2016-2017  
            </div>  
        </div>  
        </div>  
    </body>  

</html>  
0 关注 分享

要回复文章请先登录注册