A page about you
Combine everything so far into a personal profile page: landmarks, headings, a photo with alt text, lists and links. It doesn't need CSS yet — great HTML already reads well.
Plan before you type
Professional developers sketch the structure before writing tags. Write your page's outline in plain words first — what's the title, which sections, what goes in each — then turn each line into an element. You'll write less code and rarely need to move things around.
- Header: your name as the site title and a menu linking to each section.
- Main: the h1 with your name, a photo, a short intro.
- Sections with h2s: About, Skills (a list), Contact (links).
- Footer: a closing line, like the year.
Then decide the in-page links: each menu link href="#skills" needs an element with id="skills". Ids must be unique on the page and can't contain spaces — use dashes, like id="my-projects".
Write a little at a time and press Run often. Add the header and nav first and check the links; then the main heading and photo; then one section; then the rest. When something looks wrong, you'll know it was the last few lines you typed — far easier than hunting through a whole page.
Check your page with CSS turned off (that's how it looks now!). If it reads well top to bottom, the structure is right.