CSS Navigation Bar
CSS Navigation Bar Navigation Bar is the important component of a website. It gives us ease of navigating important links at one place. Normally there are two types of Navigation Bars 1) Vertical 2) Horizontal Vertical Navigation Bar Let us create a vertical navigation bar in a step by step manner. A navigation bar needs standard HTML as a base. In this chapter we will use lists to create navigation bars. A navigation bar is basically a list of links, so using the <ul> and <li> elements makes perfect sense: So the basic html code would look like this. <!DOCTYPE html> <html> <body> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </...