HTML & CSS · Document Structure · Lesson 2 of 25
Common Tags
Concept
Common Tags
Tags like p, h1 through h6, a, and img structure text, headings, links, and images on a page.
Headings should be used in order (one h1, then h2s under it, and so on) rather than picked for their default size — skipping levels confuses both screen readers and search engines.
By the end of this lesson
- Explain the core idea behind Common Tags.
- Predict output before running a change.
- Test one realistic and one unusual input.
- Use the result to make the next decision.
How to study this page
- 1. Read one concept.
- 2. Change the example.
- 3. Run, compare, and explain.
- 4. Complete the challenge below.
Syntax
<h1>Heading</h1>
<p>Paragraph text</p>
<a href="url">Link text</a>
<img src="image.jpg" alt="description" />ExampleRunnable
<h1>RivoCode</h1>
<p>Learn to code with short, hands-on lessons.</p>
<a href="/courses">Browse courses</a>Images need an alt attribute
<img src="logo.png" alt="RivoCode logo" />Note: alt text describes the image for screen readers and shows up if the image fails to load — never leave it out.
Self-check before continuing
Without looking at the example, describe what changes when you modify one input in Common Tags. Then reopen the editor and prove your explanation with a small test.
You are ready to continue when you can predict, test, and explain the result.
Your turn
Write a small page with a heading, a paragraph, and a link to a website you like.
Loading editor…
Console