HTML Paragraphs


HTML paragraphs are used to display blocks of text on a webpage. Paragraphs help organize content and improve readability for users.

The <p> tag is used to define a paragraph in HTML.

How HTML Paragraphs Work

Browsers automatically add space before and after each paragraph. This spacing makes the content easier to read.

Paragraphs are block-level elements, which means each paragraph starts on a new line.
 

In the example above, each <p> tag creates a separate block of text.

Even if the text inside the paragraph is written on multiple lines in the code, the browser displays it as a single paragraph.

Paragraphs vs Line Breaks

A paragraph represents a complete block of text, while a line break is used to move text to the next line without creating a new paragraph.

Do not use multiple line breaks instead of paragraphs.

Using line breaks instead of paragraphs is not recommended for large blocks of text. Paragraphs provide better structure and readability.

Best Practices for Paragraphs

  • Use paragraphs for meaningful blocks of text
  • Keep paragraphs short and readable
  • Do not use paragraphs only for spacing
  • Combine paragraphs with headings for better structure

Why Paragraphs Matter for Jobs

Professional websites rely heavily on well-structured text content. Proper use of paragraphs improves readability, accessibility, and user experience.

Employers expect developers to write clean and semantic HTML using paragraphs correctly.

Practice Task

Create a short article using a heading and multiple paragraphs to describe any topic of your choice.

What You Will Learn Next

In the next lesson, you will learn how to create line breaks and horizontal rules to separate content visually.