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
.
”
Footer
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.
1.
<header>
2.
<h1>Styles Conference</h1>
3.
<h3>August 24–26th — 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.
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