“开始标记主体,但相同类型的元素已经打开”&无法弄清楚如何水平居中?

时间:2016-03-15 03:50:16

标签: css html5

我真的很陌生,所以我确信这是一个简单的错误 - 有人能帮助我弄清楚我做错了什么吗?我似乎无法集中我的内容,我的代码无效。我认为这是一个嵌套错误,但我不确定。

(还有一个错误声明我的“对齐”属性已过时,我的老师告诉我暂时忽略该属性)

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="javajam.css">
<title>JavaJam Coffee House</title>
<header>
  <h1><img src="javalogo.gif" alt="JavaJam Coffee House" width="700" height="100"></h1>
</header>

<body>
  <div class="wrapper">

    <nav>
      <a href="index.html">Home</a>&nbsp;
      <a href="menu.html">Menu</a>&nbsp;
      <a href="music.html">Music</a>&nbsp;
      <a href="jobs.html">Jobs</a>&nbsp;
    </nav>

    <main>
      <img src="windingroad.jpg" alt="Winding Road" height="154" width="333" align="right">
      <ul>
        <li>Specialty Coffee and Tea</li>
        <li>Bagels. Muffins and Organic Snacks</li>
        <li>Music and Poetry Readings</li>
        <li>Open Mic Night</li>
      </ul>
    </main>

    <div>
      12312 Main Street
      <br>Mountain Home, CA 93923
      <br>1-888-555-5555
    </div>&nbsp;



    <footer>
      Copyright &copy; 2014 JavaJam Coffee House
      <br>ari.levy@gmail.com
    </footer>
  </div>
</body>

</html>

1 个答案:

答案 0 :(得分:0)

您的<header>代码位置错误,错过了<head>代码

示例:

<!DOCTYPE html>
<html>
<head>

  <link rel="stylesheet" type="text/css" href="javajam.css">
  <title>JavaJam Coffee House</title>

</head>

<body>

.....

<!-- Place your <header> tag between the <body> tag -->

.....


</body>
</html>` 

More Info