Steve's

Tab Examples









  • Tab 1
  • Tab 2
  • Tab 3
  • Tab 4


Body 1


Put your stuff in this body


  • Tab 1
  • Tab 2


Body 1B


Put your stuff in this body

  • Tab 1
  • Tab 2


Body 1C


Put your stuff in this body

The Sidebar

   This is my example webpage for setting up Tabs. This works pretty simply by using an unordered lists. It does require that we use a little bit of a CSS and just a little bit of Java.

   Notice that when the Tabs are changed that it does not reload a new webpage. It uses the same Java code that changes the tabs to switch between hidden Div's. I like this method in that it doesn't reload my webpage and that all my code is stored in a single webpage.

   Also notice that much of the css & java can be reused. With minor changes in the css & the webpage we can easily customize different tab/div's within our webpage.