- [Instructor] In this challenge, we're going to
put to the test what you've learned
about creating lists using HTML.
We're gonna continue working on our
HTML essential training reference site
by examining the content to determine
which areas would be best served by lists
and then decide what type of list
provides the best semantic fit for the content grouping.
So I'm in the lab_instructions.txt,
file found in the 06_04 directory,
this is where all of our challenge files are
and the very first step that we have
is we're going back to the site navigation,
this time in terms of organizing it.
Now this is gonna apply to every single page.
You're gonna examine the top level navigation for the site
and currently all the links are enclosed
in an individual paragraph and I'm just gonna switch over
to Intro to show you that and as we can see
as I scroll down just a little bit
and within the Nav, each of the links
is enclosed within a paragraph,
and it's like that on every single page so far.
So the question that we are asked again is,
is this semantically sound
and if not, go ahead and organize those links
into the appropriate list type.
Now, you've been working on that navigation section
for long enough throughout this course
that I have confidence that you kind of know
what you're going to do there.
Now, the next thing I want to show you
is the HTML timeline on the Intro.htm file.
For the HTML timeline, you want to examine that one
and you're gonna notice that each of the relevant dates
in the timeline is contained within a paragraph.
Again, you need to ask yourself,
is that the best semantic grouping for the content?
If not, go ahead and organize that timeline
into the appropriate list type
and to show you that section,
I'm gonna scroll down until I find the timeline,
here we go.
So, we have this section that's headed by
this h3 HTML timeline
and each one of the dates is enclosed
in a single paragraph, and again,
is that the best grouping semantically
that we can get for that group of content?
Next up we're gonna look at the document type grouping.
Now this is in the filesyntax.htm
and I'll show you that section in just a moment
but there's a section of different doctypes
and a listing of the doctypes
and I want you to examine those three doctypes
and their examples.
Would a list be the best semantic presentation
of that content and if it is,
go ahead and organize those elements
into the appropriate list type.
So if I go into syntax.htm and I scroll down a little bit
I'm gonna find a section of doctype declarations,
so here's the section right here on doctypes
and if I scroll a little further down, here we go,
I see that we have some h4's that are
basically saying this is an HTML 4 transitional doctype,
this is a XHTML 1.0,
this is the HTML 5
and the way that they're organized is
you have an h4 that's followed by
a preformatted tag that has an example of that in there.
If we look at that in the browser,
you can see that it's this section right here.
So the question you have to ask yourself is,
is this the most logical semantic grouping for this content
and if not, does it belong in a list?
Finally we have one more and that is
the HTML terms that are found in the reference.htm
so we have sort of a glossary there
and what you want to do there is examine the terms
and the descriptions on the page.
The way that they're presented right now,
is it the best semantic grouping for the content,
and if it's not, go ahead and organize them
into the appropriate list type
and if I go to reference.htm
and scroll down just a little bit,
you can see what I'm talking about.
We have h3 terms and for each one of these we have a term,
which is followed by a definition for that term
and this is actually a pretty sizable section.
You can see as you scroll down,
it ends right here above the table.
So take a look at how these are organized.
Right now they're just in paragraphs and would a list
make better organizational grouping for those,
if so, what type of list?
Alright, now keep in mind that in each of these
I'm asking you to make a judgement call
for each one of these steps.
So I want you to carefully consider
what you've learned about list types
and when they're appropriate before you
make any changes to the code.
As always, if you wanna compare your files with mine,
check out the solution movie to see
my thoughts on this challenge.