From the course: Creating a Responsive Web Design

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Creating the main HTML containers

Creating the main HTML containers - CSS Tutorial

From the course: Creating a Responsive Web Design

Start my 1-month free trial Buy for my team

Creating the main HTML containers

“

- Now to start creating our main containers let's go back to our index.html file in our text editor. Let's come down here and let's select this comment here that I have that says 'markup goes here.' Let's delete that. And let's start by adding that outermost div container. So start with a div tag, add a space, we'll add an attribute, id= " let's put in the word page, let's end the tag, then let's end the div element. I'll come in here and split this open. Now we can use a class or an id. When you use an id in a page, you should only use the id name once, as opposed to class names, which we'll use in a moment. Class names can be reused any number of times in a page. But since this page container's only going to be used once and it's going to hold all of our elements, I'll use an id for this. Now let's get our cursor inside of here. Let's add our header element, so I'll type header, and the tag, and the element. Let's hit a few returns. Next line, we'll add a section element, end that…

Contents