Tabs are a very powerful tool for displaying more information in less space. We will go thorough some techniques in this recipe and the next few recipes that will allow us to create tabs for displaying data.
Create a folder for this recipe in the
Chapter7 directory and name it as
Recipe5folder. In the same folder create another file named
tabs.css. This file will be used to write the CSS rules for elements.
index.htmlfile in the text editor of choice. First of all, reference the
tabs.cssfile in the
headsection. Now create the structure of the tabs. Tab headers will be an unordered list with each list item representing ...