From the course: Creating a Responsive Web Design
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Adding content into the header - CSS Tutorial
From the course: Creating a Responsive Web Design
Adding content into the header
- So now we're ready to add some content to the header area. Now what we're going to need to add is going to be an anchor tag for the logo. We need a div container to hold the hero area. Inside of the hero area, we're going to have an h1 tag and an anchor tag. So these individual elements are going to hold our content and then we're going to style this later on with CSS to match the layout we see here. Now we're going to add some content into the header element. So let's get our cursor inside of the header element here. Let's hit a few returns to split this open. Let's come in here. And the first thing we're going to do is add an anchor tag. We're going to give it a class of logo. And we're going to use this as the logo at the top of the page. And I like to put this inside of an anchor tag so that you can click the logo to go back to the home page. So we'll start by typing in a tag. We'll set class. We'll set this equal to logo, then a space. And it's also a good idea to add a title…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Setting up our project4m 7s
-
The strategy for our layout1m 40s
-
Creating the main HTML containers2m 40s
-
Adding content into the header3m 52s
-
Adding content to the main section3m 25s
-
Adding content to the atmosphere section2m 18s
-
Adding content to the how-to section5m 19s
-
Adding the navigation5m 2s
-
Adding the footer content2m 20s
-
-
-
-
-
-
-
-