Prep 03: 3.3, 3.6, and 5.1 & 8.6-8.7-8.8.1

3.3 - Semantic Markup
3.6 - HTML5 Semantic Structure Elements
5.1 - HTML Tables
5.3 - Introducing Forms
5.4 - Form Control Elements
5.5 - Table and Form Accessibility
8.6 - Arrays
8.7 - Objects
8.8 - Functions
8.8.1 - Function Declarations vs. Function Expressions

Read

  1. FunWebDev Chapter 3.3, 3.6, and 5.1 (skip chapter 4).
  2. FunWebDev Chapter 8.6-8.7 and 8.8.1.

Semantic Elements

  1. Download and extract the zip file containing the starter files
  2. Your goal is to complete Project 2 in Chapter 3 (pg. 118)
  3. Follow the instructions to replace the <div> and <p> tags with semantic tags according to this figure.
    1. You will also need to move and add tags as needed, such as with the <figure> element and the copyright statement.
  4. Submit only the ch03-proj02.html file to the corresponding Gradescope assignment.
Last modified September 4, 2025: fix broken link in bootstrap lab (9d0a5bb)