The personal profile

The brief asks for a header, a menu, an about section, three skill boxes, a contact section, and a footer. The paint goes in a separate file. You learn the labels first, then each band of the page.

Start with a tag

1. A tag is a labelThe smallest piece of a web page.
2. Two filesThe writing in one file. The paint in another.
3. The skeletonThe same first lines, on every page you ever make.
4. The headerYour name, one short line, and a dark band.
5. The menuFour links, painted to look like buttons.
6. About meA heading, a paragraph, and a box that is not the page colour.
7. Three skill boxesSame shape, three colours.
8. ContactName, email, phone, and a button.
9. The footerThe last band. The year and the line from the brief.
10. The coloursOne set. Paper, ink, and clay.
11. Read it like a markerTop to bottom, once, with the brief beside you.

The finished example is a real HTML file, the kind you will submit. Open it.