HTML and CSS Reference
In-Depth Information
We'll discuss how to change the position of an element, perhaps placing it to the right or
left of a group of content, in Lesson 5 , Positioning Content .
The <footer> element identifies the closing or end of a page, article, section, or other
segment of a page. Generally the <footer> element is found at the bottom of its parent.
Content within the <footer> element should be relative information and should not di-
verge from the document or section it is included within.
1. <footer>...</footer>
With structural elements and text-based elements under our belts, our HTML knowledge is
really starting to come together. Now is a good time to revisit our Styles Conference web-
site and see if we can provide it with a little better structure.
In Practice
Currently, our Styles Conference website lacks real structure—and content for that matter.
Let's take some time to flesh out our home page a bit.
1. Using our existing index.html file, let's add in a <header> element. Our
<header> element should include our existing <h1> element; let's also add an
<h3> element as a tagline to support our <h1> element.
Click here to view code image
1. <header>
2. <h1>Styles Conference</h1>
3. <h3>August 24&ndash;26th &mdash; Chicago, IL</h3>
4. </header>
2. After our <header> element, let's add a new group of content, using the <sec-
tion> element, that introduces our conference. We'll begin this section with a
new <h2> element and end it with our existing paragraph.
Click here to view code image
1. <section>
2. <h2>Dedicated to the Craft of Building Websites</h2>
3. <p>Every year the brightest web designers and front-end
developers descend on Chicago to discuss the latest technologies.
Join us this August!</p>
4. </section>
Search WWH ::

Custom Search