Review

The HTML <nav> tag represents a navigational section of the HTML document.

The navigation bar (a.k.a the navbar) section is a section of a web page that links all web pages together on a website. Links web pages, such as home, about, contact us, services, etc.

Example: Look at the navigation bar of a zoo website.

Having easy-to-use navigation is important for any website.

A navigation bar is basically a list of links, and you create it with HTML <ul> and <li> elements.

And, with CSS you can create a good-looking navigation bar.

Exercise:

Step 1: Navbar HTML Code

Create a new web project in replit (name it appropriately)

Then, create a simple navbar in HTML. Modify the body section of the index.html:

Step 2: Style Navbar with CSS Code

Write CSS code to style the navbar content, such as background-color, color, margin, etc.

Sample Result:

Creating a Navigation Bar