Html 你好我的<；h1></h1>；标签没有出现_Html_Css_Twitter Bootstrap

Html 你好我的<；h1></h1>；标签没有出现

html css twitter-bootstrap

Html 你好我的<；h1></h1>；标签没有出现,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在codeine.io中使用引导。我已经将标记移到了正文部分，然后它出现了，但我希望它位于div中，这样我就可以将它居中放置在页面的中间。我做错了什么 <body> <script src="https://use.fontawesome.com/4880cded54.js"></script> <header> <link href="https://fonts.googleapis.com/css?family=Cormorant+

我在codeine.io中使用引导。我已经将

标记移到了正文部分，然后它出现了，但我希望它位于div中，这样我就可以将它居中放置在页面的中间。我做错了什么

<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>










方法的诞生

请研究合适的html结构

应该是：

您的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>










方法的诞生

在你把任何东西放进去之前，你就已经结束了你的身体

你也把你的头球放在身体里面

尝试以下结构：

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

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

</body>
</html>


页面标题
我的第一个标题
我的第一段

您的所有输入和元信息都将在标题标签之间，其他所有内容都应在正文标签之间。你真的不需要为你所做的事担心html。

答案很简单：将所有主html移到

主体

标记中。您还为链接使用了

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>










方法的诞生

干杯

您的HTML无效。在代码的中间有一个封闭体元素

。如果它不在

中，它将不会被看到。不要忘记doctype！