2017-07-03 48 views
-1

當天的問候!帶頁腳的HTML主頁

我開發一個演示網站。這是我的主頁。我將這個頁面分成四部分。我也成功地製作了頂尖樂隊和中間樂隊。但是,我無法顯示頁腳部分。下面是儀表板/主頁的html文件:

<!DOCTYPE html> 
<html> 
<body> 

<!-- Header part --> 
    <header> 
    <center><h1>Shiksha University</h1></center> 
    </header> 


<!-- Center part --> 
<div class="container"> 
    <div class="left"> 
    left item1<br/> 
    left item2<br/> 
    left item3<br/> 
    </div> 
</div> 

<div class="container"> 
    <div class="right"> 
    right item1 
    right item2 
    right item3 
    </div> 
</div> 

<style type="text/css"> 
    .container { 
     width:500px; 
    } 
    .left { 
     width:250px; 
     float:left; 
    } 
    .right { 
     width:250px; 
     float:right; 
    }/style> 


<!-- Footer part --> 
<footer> 
  <p>Posted by: Hege Refsnes</p> 
  <p>Contact information: <a href="mailto:[email protected]"> 
  [email protected]</a>.</p> 
</footer> 
</body> 
</html> 

我沒能實現在HTML頁面頁腳部分,請幫助初學者:)

+0

我投票關閉這個問題,因爲這個問題是由一個問題,即不能再引起被複制或簡單的印刷錯誤。 –

回答

0

嗯,你的風格標籤未關閉。可能是你的問題

<style type="text/css"> 
.container { 
    width:500px; 
} 
.left { 
    width:250px; 
    float:left; 
} 
.right { 
    width:250px; 
    float:right; 
} 
</style> 
0

關閉「風格」;)

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<!-- Header part --> 
 
    <header> 
 
    <center><h1>Shiksha University</h1></center> 
 
    </header> 
 

 

 
<!-- Center part --> 
 
<div class="container"> 
 
    <div class="left"> 
 
    left item1<br/> 
 
    left item2<br/> 
 
    left item3<br/> 
 
    </div> 
 
</div> 
 

 
<div class="container"> 
 
    <div class="right"> 
 
    right item1 
 
    right item2 
 
    right item3 \t 
 
    </div> 
 
</div> 
 

 
<style type="text/css"> 
 
    .container { 
 
    width:500px; 
 
    } 
 
    .left { 
 
    width:250px; 
 
    float:left; 
 
    } 
 
    .right { 
 
    width:250px; 
 
    float:right; 
 
    }/style> 
 

 
</style> 
 
<!-- Footer part --> 
 
<footer> 
 
    <p>Posted by: Hege Refsnes</p> 
 
    <p>Contact information: <a href="mailto:[email protected]"> 
 
    [email protected]</a>.</p> 
 
</footer> 
 
</body> 
 
</html>