0Pricing
Frontend Academy · Lesson

Text Images Links and Lists

Format text with headings and paragraphs, embed images with alt text, create hyperlinks, and build ordered and unordered lists.

Headings: h1 to h6

HTML provides six heading levels. Use them to create a document outline, not to change text size. <h1> is the page title (once per page), <h2> for major sections, <h3> for subsections, and so on.

<h1>Frontend Development Guide</h1>
<h2>HTML Basics</h2>
<h3>Headings</h3>

Paragraphs and &lt;br&gt;

The <p> element wraps a paragraph of text. The browser adds spacing above and below automatically. Use <br> sparingly — only for line breaks that are meaningful, like in an address or a poem, not for spacing between paragraphs.

All lessons in this course

  1. Document Structure: DOCTYPE html head body
  2. Semantic Tags: header nav main article footer
  3. Text Images Links and Lists
  4. Forms: input label button
← Back to Frontend Academy