HTML and CSS Reference
In-Depth Information
3.
Following the introduction to our conference, let's add another group of content
that teases a few of the pages we'll be adding, specifically the Speakers, Schedule,
and Venue pages. Each of the pages we're teasing should also reside within its own
section and include supporting text.
We'll group all of the teasers inside a
<section>
element, and each individual
teaser will be wrapped within a
<section>
element as well. In all, we'll have
three
<section>
elements inside another
<section>
element, which is all
right.
1.
<section>
2.
3.
<section>
4.
<h5>Speakers</h5>
5.
<h3>World-Class Speakers</h3>
6.
<p>Joining us from all around the world are over twenty
fantastic speakers, here to share their stories.</p>
7.
</section>
8.
9.
...
10.
11.
</section>
4.
Lastly, let's add our copyright within the
<footer>
element at the end of our
page. To do so let's use the
<small>
element, which semantically represents side
comments and small print—perfect for our copyright.
Generally, content within the
<small>
element will be rendered as, well, small,
but our CSS reset will prevent that from happening.
1.
<footer>
2.
<small>© Styles Conference</small>
3.
</footer>
Now we can see our home page beginning to come to life, as in
Figure 2.6
.
Search WWH ::
Custom Search