Skip to main content
Crowdfunding
Python + AI for Geeks
Practice

What is a Menu?

A menu on a webpage is a collection of links that allows navigation to various locations on a website.

Typically, it is placed at the top of a webpage and can facilitate both navigation to different addresses and different sections within the same page.

Example Code for a Menu - HTML
<!-- Navbar links -->
<ul class="nav-menu">
<li><a class="nav-link" href="#about">About</a></li>
<li><a class="nav-link" href="#interests">Interests</a></li>
<li><a class="nav-link" href="#memory">Memories</a></li>
</ul>

Example Code for a Menu - CSS
.navbar .nav-menu {
display: flex;
align-items: center;
background: white;
}

.navbar .nav-link {
margin: 0 16px;
font-size: 14px;
font-weight: var(--weight-semibold);
}

Structuring a Menu List

Structuring a Menu List
<ul class="nav-menu">
...
</ul>

First, structure the menu list.

The menu list is crafted using the <ul> tag. The <ul> tag is utilized to create a list.

There is a similar tag, the <ol> tag.

The <ol> tag is akin to the <ul> tag but is used for creating an ordered list.

Want to learn more?

Join CodeFriends Plus membership or enroll in a course to start your journey.