Skip to main content

how to make navigation bar in html

How to make a gorgeous NavBar


How to make Anav Bar







Click Here to Get the Code


someone called navbar and some says a drop down whatever all this is talking about navigation bar
in this tutorial, we going to teaching u How to make a great navbar with simple codes
so if you are ready to let’s get it
First we need to make ul list
we can make it in body tag Just open and close it like the image below

Now we going to add litag inside ul

the last thing we going to add anchor tag

Now add # inside anchor tag and call it as Home

You gona get like this
Now copy the same code three time
paste the code and rename it to category ,contact
  • Home
  • category
  • contact

  • congratulation you have created your first ul list
    now I want when I click on the category it give me some items images, videos, music
    let's imagine the category is the father
    and his sons are images videos music
    Now we need to collect sons with father
    first, let's open ul tag and don't forget to close it

    now let's take the sons in father’s house
    Now the last thing

    Remove the li from father tag as u see in the picture
    let's call li as milk in this situation father doesn't need it any milk because he is big and so strong too:) so we will take it from him
    we removed it li from the category but in the images and videos, the music we don't need to do anything just keep it
    because they still young
    now let's see the result