html - 在已有导航栏的页面上制作无序列表

Question

我正在为大学元素制作网页。

我有一个用无序列表和 css 制作的导航栏，我不知道如何在该页面上创建一个元素符号列表，除非它也进入导航栏。

一般来说，我是编程和 html 的新手。

HTML

  <ul> 
    <li>
       <a href="tkhome.html">Home</a>
    </li> 
     <li><a href="hobbies.html">Hobbies</a></li> <li><a href="contact.html">Contact</a></li> 
     <li><a href="imagepage.html">Image Gallery</a></li> 
  </ul> 

谢谢

Answer 1

将您的菜单 html 标签更改为 <nav> <ul>所以它看起来像这样......

<nav>
 <ul>
    <li><a href="#home">Home</a></li>
    <li><a href="#news">About</a></li>
    <li><a href="#contact">Contact</a></li>
 </ul>
</nav>

然后仅将您的菜单 CSS 应用于该样式集，即

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
} 

现在您可以在同一页面上正常创建元素符号列表而不会发生冲突。即

<ul>
<li>List Item 1</li>
<li>List Item 1</li>
<li>List Item 1</li>
</ul>

如果您发现它有帮助，请将其标记为已接受的问题答案。谢谢。