Html 标题上的导航栏？_Html_Css_Nav

Html 标题上的导航栏？

html css

Html 标题上的导航栏？,html,css,nav,Html,Css,Nav,我试图在头球上放一个导航条，但没有成功。我确实在这个网站上搜索过，但找不到答案编辑：添加了标记html <!DOCTYPE html> <html lang="en"> <head> <title>"New York City"</title> <meta charset="uft-8"> <style> @font-face { font-family: Breamcatcher; s

我试图在头球上放一个导航条，但没有成功。我确实在这个网站上搜索过，但找不到答案

编辑：添加了标记html

 <!DOCTYPE html>
 <html lang="en">
 <head>
 <title>"New York City"</title>
 <meta charset="uft-8">
 <style>


@font-face {
    font-family: Breamcatcher; src: url('Breamcatcher.ttf'); 
}

body {
    background: url("New York City Night.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover; 
}

#header {
    margin: auto;
    background-color: black;
    /*Opacity start*/
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and eariler */
    /*Opacity end*/
    font-family: Breamcatcher, san-serif;
    font-size: 500%;
    text-align: center;
    top: 0;
    left: 0;
    width: 1000px;
    height: 300px;
    padding: 0; 
}

span.header2 {
    margin: auto;
    color: orange;
    font-size: 185%; 
} 

  </style>
  </head>
  <body>

  <div id="header"><span class="header2"> New York City </span></div>

  </body>
  </html>

我怎么把它放在标题上？还有，如何添加徽标？谢谢大家!

我会尽力帮你，即使你没有给我们提供太多的信息

基本上，您需要在标题中添加一个无序列表来表示您的链接。这不是添加导航菜单的唯一方法，但却是最常用的方法之一。您可以这样做：

<div id="header">
    <span class="header2">New York City</span>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Press</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>
</div>

nav ul > li {
    display:inline-block;
    font-size:16px;
}

您可以看到没有背景图像的示例。从那里你可以添加更多的CSS，让它看起来像你想要的样子

您还提到想要添加徽标，您的意思是除了标题中当前的跨度之外？我认为纽约跨度是标志。如果您需要进一步帮助，请提供更多代码/详细信息

最后一件事，你在标题标签上有引号。这些引号是不必要的，除非您希望它们出现在那里。

有任何html要发布吗？将您的标记html共享到一个指向您的站点的链接（如果该站点已发布）您可以尝试将导航栏html代码放在标题div/标记中。然后将导航栏的位置设置为固定和底部：0px和左侧：0px；导航栏的HTML在哪里？