导航栏上方的徽标

Question

这是我第一次制作网站，如何在导航栏上方显示我的网站徽标？如果有人能纠正我的代码并告诉我我做错了什么。

www.codepen.io/anon/pen/VaPKaK

Answer 1

您在图片标记中的“home”和样式之间缺少空格

您要问的是有点混乱，您希望徽标图像真的出现在导航上方吗？如果是这样，请不要将图像标记放在列表标记中

所以而不是：

<li id="home"><a class="active" href="#home"><img src="home.png" alt="Home"style="width:20px;height:20px;"></a></li>
  <li id="news"><a href="#news">Blog</a></li>

TRY

<a class="active" href="#home"><img src="home.png" alt="Home" style="width:20px;height:20px;"></a>
  <li id="news"><a href="#news">Blog</a></li>

另外，尽量不要在html中添加样式。把它们放在你的CSS中。它使阅读更加容易。

以下是经过编辑的Codepen，其中包含所有这些修改，徽标位于导航上方。 希望有所帮助!!