标题上的导航栏？

问题描述：

我试图把标题，但没有成功的导航栏。我在这个网站上搜索过，但我找不到答案。标题上的导航栏？

EDITED：添加标记html。

Here the picture

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

我如何把它的头？另外我如何添加徽标？谢谢！

Here the picture

有任何需要发布的HTML吗？ – starvator 2014-11-04 20:06:37

也分享您的标记HTML – DaniP 2014-11-04 20:06:45

指向您的网站的链接（如果已发布） – 2014-11-04 20:11:14

答

我会尝试帮助您完成此，即使你还没有真正给了我们太多的信息去了。

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

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

然后，你需要添加一些CSS，这样在一个水平线上像这样list items显示：

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

你可以看到一个例子（没有背景图片）here。从那里你可以添加更多的CSS，使它看起来像你想要的。

您还提到想添加徽标，除了您目前在头文件中的span之外，您还有没有提及？我会认为“纽约市”span是“标志”。如果您需要进一步的帮助，请给我们更多的代码/细节。

最后一件事情是，你在title标记的“纽约市”周围有引号。除非你打算让他们在那里，否则这些引号是没有必要的。

标题上的导航栏？

相关推荐