cd ../labs
HTMLbeginnerabout 35 minutes
HTML foundations
Build a real page from scratch: headings, text, links, images, lists and a working form.
By the end you can
- Write the elements every page is made of
- Link to other pages and show images with proper alt text
- Build a form people can actually fill in
- Use headings in an order screen readers can follow
0 of 4 done
step 1 of 4
Headings and paragraphs
HTML is a page described in tags. A tag wraps content and says what it is: a heading, a paragraph, a link.
Write one h1 with the name of the page, then a paragraph under it. A page gets one h1, the way a newspaper article gets one headline.
Add an h2 as well. Headings are an outline, not a font size: h2 is a section of the h1, not just smaller text.
the shape of a tag
<h1>This is the headline</h1>
<p>This is a paragraph of text.</p>What we check
- The page has one h1
- The h1 has text in it
- There is a paragraph
- The paragraph says something (10+ characters)
- There is an h2 as well
index.htmlhtml
preview