嗨！我的<h1></h1>標記未出現

-3

我在codeine.io中使用引導程序。我已將<h1>標記移動到正文部分，然後顯示，但我希望它在div中，因此我可以將它居中置於頁面中間。我究竟做錯了什麼？嗨！我的<h1></h1>標記未出現

<body> 
<script src="https://use.fontawesome.com/4880cded54.js"></script> 
<header> 
    <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet"> 
    <link rel=」stylesheet」 id=」font-awesome-css」 href=」//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css」 type=」text/css」 media=」screen」> 
</header> 
<script src=」//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js」></script> 
    <a href="#" class="back_down" style="display: inline;"> 
<i class="fa fa-arrow-down" aria-hidden="true"></i> 
    </a> 
</body> 
<div> 
    <ul class = "nav nav-pills"> 
    <li class = "pull-right"> 
     <a href ="#"> About Me</a> 
    </li> 
    <li class ="pull-right"> 
     <a href ="#"> Portfolio</a> 
    </li> 
    <li class = "pull-right"> 
     <a href ="#"> Get In Touch</a> 
    </li> 
    </ul> 

    <div class = "pageOne"> 
    <div class="block text-center"> 
     <h1>Birth of A Method</h1> 
    </div> 
    </div> 
<div class ="btnList"> 
    <a class="btn btn-default" href="#">Twitter</a> 
    <a class="btn btn-default" href="#">Github</a> 
    <a class="btn btn-default" href="#">Facebook</a> 
</div>

來源

2016-11-15 Alicia

你的HTML是無效的。你的代碼中間有一個緊密的元素''。 – j08691

如果它不在''中，則不會被看到。 –

不要忘了文檔類型！ –

請研究合適的html結構。

應該是：

<html> 
 
    <head> 
 
    <!--All of your links and styles--> 
 
    </head> 
 
    <body> 
 
    <!--All of your content--> 
 
    </body> 
 
</html>

來源

2016-11-15 19:24:39

你在無效的HTML代碼。試試這個：

<!doctype html> 
    <html> 
    <head> 
     <script src="https://use.fontawesome.com/4880cded54.js"></script> 
     <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet"> 
     <link rel=」stylesheet」 id=」font-awesome-css」 href=」//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css」 type=」text/css」 media=」screen」> 
     <script src=」//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js」></script> 
    </head> 
    <body> 

    <a href="#" class="back_down" style="display: inline;"> 
     <i class="fa fa-arrow-down" aria-hidden="true"></i> 
    </a> 

    <div> 
     <ul class = "nav nav-pills"> 
     <li class = "pull-right"> 
      <a href ="#"> About Me</a> 
     </li> 
     <li class ="pull-right"> 
      <a href ="#"> Portfolio</a> 
     </li> 
     <li class = "pull-right"> 
      <a href ="#"> Get In Touch</a> 
     </li> 
     </ul> 

     <div class = "pageOne"> 
     <div class="block text-center"> 
      <h1>Birth of A Method</h1> 
     </div> 
     </div> 

     <div class ="btnList"> 
      <a class="btn btn-default" href="#">Twitter</a> 
      <a class="btn btn-default" href="#">Github</a> 
      <a class="btn btn-default" href="#">Facebook</a> 
     </div> 
    </div> 

    </body> 
    </html>

來源

2016-11-15 19:27:10 Termitkin

你甚至在你放入任何東西之前就結束了你的身體。

而且你把你的頭你的身體裏面......

試試這個結構：

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 

<h1>My First Heading</h1> 
<p>My first paragraph.</p> 

</body> 
</html>

您的所有投入和元信息的標題標籤之間會去，和其他一切應該去身體標籤之間。你並不需要擔心你正在做什麼的HTML。

來源

2016-11-15 19:27:20

答案很簡單：將所有主要HTML移動到body標記中。而且您還使用header而不是head標記作爲鏈接。您的代碼應該是這樣的：

<!DOCTYPE html> 
<html> 
    <head> 
    <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet"> 
    <link rel=」stylesheet」 id=」font-awesome-css」 href=」//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css」 type=」text/css」 media=」screen」> 
    </head> 

    <body> 
    <div> 
     <ul class = "nav nav-pills"> 
     <li class = "pull-right"> 
      <a href ="#"> About Me</a> 
     </li> 
     <li class ="pull-right"> 
      <a href ="#"> Portfolio</a> 
     </li> 
     <li class = "pull-right"> 
      <a href ="#"> Get In Touch</a> 
     </li> 
     </ul> 

     <div class = "pageOne"> 
     <div class="block text-center"> 
      <h1>Birth of A Method</h1> 
     </div> 
     </div> 
    </div> 

    <div class ="btnList"> 
     <a class="btn btn-default" href="#">Twitter</a> 
     <a class="btn btn-default" href="#">Github</a> 
     <a class="btn btn-default" href="#">Facebook</a> 
    </div> 

    <script src=」//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js」></script> 
    <script src="https://use.fontawesome.com/4880cded54.js"></script> 
    </body> 
</html>

乾杯

來源

2016-11-15 19:31:32

嗨！我的<h1></h1>標記未出現

回答

相關問題