Semantics schemantics

A quick review activity on HTML semantics and content understanding.

Go fullscreen: ⌃⌥F

Semantics schemantics

What & why

When learning to write HTML, you have to start thinking about content differently—about its purpose and meaning.

Using some pre-written content we’ll go through, learn & discuss how & why choose HTML tags.

With some practice, and some memorization, we can grasp what content HTML describes.

Set up

  1. Form into pairs
  2. Download the files
  3. Print “content.pdf” and draw on the paper
    Or do the whole thing digitally

Instructions

  1. Draw boxes
    Determine what things will become HTML elements.

  2. Write semantics
    Assign each box a semantically appropriate HTML tag.

Start

Semantics schemantics

A quick review activity on HTML semantics and content understanding.