写出的第一个网页框架

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "http://www.w3.org/1999/xhtml" >

< head >

< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" />

< title > 主界面 </ title >

< link type = "text/css" rel = "stylesheet" href = "css/main.css" />

</ head >

< body >

     < div >

         < div class = "logo" > 这是logo </ div >

       

        < div class = "navigation" > 导航 </ div >

        < div class = "content" >

             < div class = "leftlist" > 左列表 </ div >

            < div class = "maincontent" > 内容 </ div >

             < div class = "rightlist" > 右列表 </ div >

        </ div >

        < div class = "footer" > 版权 </ div >

    </ div >

</ body >

</ html >

css：

* {

    padding : 0px ;

    margin : 0px ;

}

div {

    width : 1500px ;

    height : 1500px ;

    position : relative ;

     text-align : center ;

     margin : 0 auto ;

    font-size : 20px ;

    margin-bottom : 5px ;

}

.logo {

     width : 1500px ;

     height : 80px ;

     background-color : #CCC ;

}

.navigation {

    width : 1500px ;

    height : 50px ;

    background-color : beige ;

}

.content {

     margin-top : 5px ;

     height : 1500px ;

     width : 1500px ;

}

.leftlist {

     width : 245px ;

     height : 1500px ;

     background-color : #999 ;

     margin-left : 0px ;

    float : left ;

    margin-right : 5px ;

}

.maincontent {

     width : 1000px ;

     height : 1500px ;

    float : left ;

    background-color : antiquewhite ;

    }

.rightlist {

    width : 245px ;

     height : 1500px ;

     background-color : #999 ;

     margin-right : 0px ;

    float : left ;

    margin-left : 5px ;

}

.footer {

     width : 1500px ;

     height : 80px ;

     background-color : #CCC ;

}