The Developer Brains


HTML Navigation Bars

Web Designing | Web Development


SEE MORE














</Navigation Bars in HTML>





Navigation Bars in HTML

The <nav> element is primarily intended to be used for sections that contain main navigation blocks for the website, this can include links to other parts of the web page (e.g. anchors for a table of contents) or other pages entirely.



SEE MORE




















</Navigation Bars in HTML >


Navigation Bars

Basic Navigation Bar

Navigation bars are essentially a list of links, so the ul and li elements are used to encase navigation links.

				
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>
				
				
Try it Yourself

HTML5 Navigation Bar

To make a navigation bar using the HTML5 nav element, encase the links within the nav tag.

				
<nav>
    <a href="#">Home</a>
    <a href="#">About</a>
    <a href="#">Contact</a>
</nav>
				
				
Try it Yourself

check our tutorial section for amazing navbar examples:

example:













Next: HTML Void Elements


Previous

      

Next Page













  Share TDB SCHOOL  

Share this E-Learning Website on social media platforms with your friends and followers