Setting up the HTML


show more Setting up the HTML provides you with in-depth training on Web. Taught by Joseph Lowery as part of the CSS: Transitions and Transforms show less
please wait ...

Setting up the HTML

In this movie we're going to layout the HTML for our gallery. This will include the necessary structure to handle the 3D transforms, as well as the images themselves and the buttons in the control section. Let's start by opening the spotlight.htm file from the Chapter 05/05_02 folder in the exercise files in my code editor. Let's hit down to around line 36 where I've got a placeholder waiting. Insert carousel HTML here. Let's remove that so we can start coding. First, I'm going to add two sections using the appropriately named HTML 5 section tag.

I'll give the first a class of container and then open up the section and make a little room, go past it, and let's put it in our second section. And this will have a class of options, and again I'll open that up. All right, now let's add a div within the first section to hold the carousel. This will give an ID of carousel, and let's open up that as well. Now we're ready to add in our figures. Each figure tag ...

Setting up the HTML
Video duration: 4m 22s 2h 25m Intermediate

Viewers:

Setting up the HTML provides you with in-depth training on Web. Taught by Joseph Lowery as part of the CSS: Transitions and Transforms

Subject:
Web
Software:
CSS
Author:
please wait ...