Chapter 12 Textbook Exercises
Due date: Sunday, October 5, 2025 at 11:59 pm
Points value: 10 points
In Chapter 12, you'll meet HTML5: An updated version of HTML. You will work with things like videos and learn new (and simplified!) HTML elements.
Instructions for Chapter 12
For this chapter, you’ll be using the files you just worked with in Chapter 11 (specifically the “tabledisplay” files) as well as some of the downloaded textbook files for Chapter 12. Stay with me here:
- Go to your own "chapter11" folder, make a copy of the "tabledisplay" folder, and paste that folder into your "chapter12" folder
- Rename this new "tabledisplay" folder as "starbuzz"
- Now, go to the downloaded textbook files and open their "chapter12" folder. Copy the following items and paste them into your own "chapter12/starbuzzz" folder:
- The "blog.html" file
- The "video" folder
When you're finished, here is what your "chapter12" folder should contain:
- "images" folder
- "video" folder
- "blog.html"
- "index.html"
- "starbuzz.css"
Okay! Let's get started.
The exercise starts on p. 551 (“Update your Starbuzz HTML”). You’ll be modifying the “index.html” file in your “chapter12/starbuzz” folder.
On p. 565–566 (“We still need to add a date to the blog”), the book asks you to add the <time> element to your blog articles. That element has already been added, so you don’t have to make any changes.
On p. 568–569 (“How to add more <header> elements”), the book asks you to add the <header> element to your blog articles and add a “top” class to the main page header. These elements as well as the “top” class have already been added, so you don’t have to make any changes to the HTML. However, you will need to update “starbuzz.css” as described on p. 570–571 (“So, what’s wrong with the header anyway?”).
On p. 574, go ahead and add the navigation to both the “index.html” page and the “blog.html” page.
Remember to let me know if you have any questions.