…Throughout this chapter, we've added semantic meaning and…structure to one of the pages for our reference site.…In this chapter's challenge,…we're going to explore the structure of our finished page and then use the rules…that we established there to add structure to the remainder of the site.…So, I have the lab instructions for our challenge opened up.…I've opened this from the 04_010 directory.…And as always, this is just a text file that contains the instructions for…this particular challenge.…And the first thing that it asks you to do is open up the structure.htm.…Explore the page structure, the use of the ARIA roles.…
So, on a piece of notepaper or a notepad or…something, write out the document outline and how structural tags like aside,…article, nav, and section are being used.…And then examine how semantic tags like header, footer and…main elements are being used as well.…So, try to define the strategy that's being used on this page so…that you can use it throughout the site.…And that means, of course, opening up the structure file and then scanning through…
- Why is HTML important?
- Exploring an HTML document
- Formatting content
- Displaying images
- Using nav, article, and div elements
- Linking to pages and downloadable content
- Creating lists
- Controlling styling (fonts, colors, and more)
- Writing basic scripts
Skill Level Beginner
1. Introducing HTML
2. Basic Page Structure
3. Formatting Page Content
4. Structuring Content
5. Creating Links
6. Creating Lists
7. Controlling Styling
8. Basic Scripting
Next steps2m 16s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.