Prep 2: Semantic Elements

Textbook Reading

• HTML / Web
  • 3.3 Semantic Markup
  • 3.6 HTML5 Semantic Structure Elements
• JavaScript
  • 8.5 Loops
  • 8.6 Arrays
  • 8.7 Objects

Note: Next week, we’ll move on to Chapters 4 and 9.

Using Semantic Elements

Complete “Hands-On Project 2” from page 118 of the textbook.

1. Download and extract ch03-proj02.zip containing the starter files.
2. Follow the instructions to replace the <div> and <p> tags with semantic tags according to Figure 3.33 on page 119.
3. You will also need to move and add tags as needed, such as the <figure> element and the copyright statement.
4. Submit ch03-proj02.html to the corresponding Gradescope assignment.

CodingJS Problems

1. Right-click and download codingjs-2.js.
2. Complete the following CodingJS problems:
   • AP-1 – scoresIncreasing
   • AP-1 – scoreUp
   • AP-1 – wordsWithout
   • AP-1 – commonTwo
3. Paste each of your solutions into codingjs-2.js.
   • Don’t forget to type your name in the comment at the top of the file.
4. Submit codingjs-2.js to the corresponding Gradescope assignment.