New Cohort Starts:

Donate
← Back to the skill map
Web Interface/Interface & language

HTML & Semantic Markup

5 micro-topics in Web Interface, each with the evidence that proves you have it and the written reason behind every link. Nothing outside this domain sits under it — you can start here. Downstream, it holds up 6 domains.

5 topics  ·  depth 0–4 of 16  ·  4 internal links  ·  0 in  ·  8 out

Before you start

Load-bearing links first. Each one says what in this domain rests on what outside it, and why.

Nothing outside this domain sits under it. It is an entry point — you can start here.

What you will be able to do

In prerequisite order. Each idea names the artifact that closes it, the market demand that put it on the map, and what it stands on.

Depth 0  ·  representational  ·  unassisted  ·  M04 §4.1

Structure an HTML document

Assembles doctype, head and body correctly

Evidence
Produces a valid document that passes the validator
Market anchor
HTML5
Rests on
Nothing sits under this one — it is an entry point.

Depth 1  ·  conceptual  ·  unassisted  ·  M04 §4.1

Choose semantic elements

Uses header, nav, main, section, article, aside, footer

Evidence
Marks up a page that outlines correctly for assistive tech
Market anchor
HTML5 · accessibility
Rests on
load-bearing

Structure an HTML document

Semantic elements are placed inside a document structure.

Depth 2  ·  procedural  ·  unassisted  ·  M04 §4.2

Use content elements correctly

Applies headings, lists, links, images and tables

Evidence
Builds a content page with a correct heading hierarchy
Market anchor
HTML5
Rests on
load-bearing

Choose semantic elements

Content elements sit inside semantic regions.

Depth 3  ·  representational  ·  unassisted  ·  M04 §4.3

Build accessible forms

Pairs labels with inputs and groups related fields

Evidence
Ships a form usable by keyboard and screen reader
Market anchor
HTML5 · accessibility
Rests on
load-bearing

Use content elements correctly

A form is built from content elements and labels.

Depth 4  ·  procedural  ·  unassisted  ·  M04 §4.3

Constrain input in markup

Applies required, pattern, min and max

Evidence
Blocks bad input before any JavaScript runs
Market anchor
Web development
Rests on
load-bearing

Build accessible forms

Constraint attributes apply to inputs you can already build.

What rests on this domain

Everything downstream that names an idea here as a prerequisite, grouped by where it lives.

Media & Analytics

2 links

load-bearing
load-bearing

Instrument user behavior rests on Structure an HTML document

Analytics scripts load in the document head.

CSS & Layout

2 links

load-bearing

Target elements with selectors rests on Choose semantic elements

You style elements you can already name.

load-bearing

Control the box model rests on Use content elements correctly

Every element you write is a box.

AI Interfaces

1 link

load-bearing

Handle multimodal file input rests on Build accessible forms

File input is a form control.

The DOM

1 link

load-bearing

Select elements from script rests on Choose semantic elements

You select elements that exist in the document.

Next.js

1 link

load-bearing

Mutate with server actions rests on Build accessible forms

Server actions handle form submissions.

React

1 link

load-bearing

Compose components rests on Choose semantic elements

Components return markup you must be able to write.

Retool. Retrain. Relaunch.

375 ideas. 17 weeks. No tuition, ever.

Vets Who Code is a veteran-run 501(c)(3). The accelerator is free, remote, and we don’t take a share of your first paycheck.

Free · Remote · 17 weeks · EIN 86-2122804