Creating the HTML containers for the tabs


show more Creating the HTML containers for the tabs provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver show less
please wait ...

Creating the HTML containers for the tabs

So now we'll add HTML containers for the individual tabs. So let's get our cursor inside of the div with the class of tabs. Let's tab in, and we can put HTML elements inside of here that we'll use as our individual tabs that our users can click on. Now you can use any HTML element here that you want. Sometimes people like to put unordered lists inside of here or use straight anchor tags. Instead, I'm going to choose to use a span tag. We'll type "iPad," then we'll end this span element. Let's hit a teturn. Write another span. This one is going to be for Video and the element.

Let's add one more. This one will be Photography, and end that element. Now that we have the HTML elements that we're going to use as tabs, in the next movie we can start working on the panels inside of the panel container div.

Creating the HTML containers for the tabs
Video duration: 51s 1h 6m Intermediate

Viewers:

Creating the HTML containers for the tabs provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver

Subjects:
Developer Web
Software:
Dreamweaver jQuery
Author:
please wait ...