Step 1:

First, we will create index.html using Sublime. After that I have created Structure of HTML


Step 2:

For navigation we will take <nav> tag after that an unordered list <ul> for links and <li> for List Items and <a> anchor tag for links. For Example: We have 5 navigation links like that Home, About, Products, Contact Us etc. We will follow this scenario nav=>ul=>li=>a.

Put all things under body tag

HTML Code :


Step 3: Now we will put CSS to design Navigation. We have 3 options to put CSS so we are using here internal CSS if you want to use external CSS then copy internal CSS without style tag ant past on your external CSS which you have created and link into HTML.

CSS Code:


Final Code using Internal CSS With Live Demo