What is going down guys? - In this tutorial, I'm going to be showing you how to create professional navigation biotypes using HTML and CSS. - So without further ado, let's get straight to it. - So, I've already created a new index.html file and I've already typed the bare bones of an HTML document as you can see. - We're going to give this webpage the title of "Professional Navigation Bar Tabs" because that's what this tutorial is going to be demonstrating today. - So, then within the body, we're going to create a new div class called "svehla gram" with div class equal to "nothing to scale bar," which obviously stands for navigation bar. - And we're going to close off the div. - Then, within here, we're going to do this slightly different from a conventional navigation bar and conventional links. - We're going to use an unordered list (UL) for our navigation bar. - Within the UL, we're going to create six LI tags, which stands for list item, because in this tutorial, I'm going to be creating six links for my navigation bar. - Obviously, you can create however many links you want. - Within the first list item, we're going to type a href="index.html" and close off the a tag. - Then, we're going to call it "home." - We're going to copy and paste this five more times within all the other list items to speed up the process. - We're going to change the names and the links to "about," "gallery," "shop," "feedback," and "contact." - Obviously, you can name these navigation bar links whatever you want. - I just called them "home," "about," "gallery," "shop," "feedback," and "contact" for the purpose of this tutorial. - But you can change them to...
Award-winning PDF software
Video instructions and help with filling out and completing When Form 2220 Navigation
