Line breaks (<br>)

0
8K

The <br> tag is used to insert a single line break in your HTML content. It's an empty element, meaning it doesn't have a closing tag.

Basic Usage

HTML
<p>This is a paragraph with a <br> line break.</p>

Example with Multiple Line Breaks

HTML
<p>This is a poem:<br>
  Line 1<br>
  Line 2<br>
  Line 3</p>

Important Points

  • Inline element: Unlike paragraphs, <br> is an inline element, meaning it doesn't start on a new line and doesn't take up the full width available.
  • Limited use: While <br> can be useful in specific cases, it's generally recommended to use paragraphs for better structure and readability.
  • Accessibility: Excessive use of <br> can make content difficult to read for users with visual impairments.

When to Use <br>

  • Poetry or addresses: Where preserving specific line breaks is important.
  • Short, non-paragraph content: For very short lines of text that don't warrant a full paragraph.

Example with Headings, Paragraphs, and Line Breaks

HTML
<!DOCTYPE html>
<html>
<head>
  <title>Headings, Paragraphs, and Line Breaks</title>
</head>
<body>

<h1>This is a Main Heading</h1>

<p>This is a paragraph with a <br> line break.</p>

<h2>Subheading</h2>

<p>This is a poem:<br>
  Line 1<br>
  Line 2</p>

</body>
</html>
Pesquisar
Categorias
Leia Mais
Computer Programming
Keywords, Multiple Output, and Documentation
1. Keywords: Keywords are reserved words in Python that have special meanings. They cannot...
Educação
The Compromise of 1877
The Compromise of 1877, also known as the Wormley Agreement, the Bargain of 1877, or the Corrupt...
Por Modern American History 2024-07-19 05:48:55 0 9K
Politics
Ugandan Opposition Leader Bobi Wine Shot by Police During Thanksgiving Event
In a shocking turn of events today, Ugandan opposition leader Bobi Wine was shot in the leg...
Por Mpatswe Francis 2024-09-03 19:50:37 1 25K
Business
Steps to Write a Business Plan
A comprehensive business plan is a crucial tool for launching and growing a successful...
Por Mpatswe Francis 2024-08-31 18:37:22 1 13K
Educação
Thomas Edison
Por Modern American History 2024-08-02 16:35:16 0 11K
Talksphare https://talksphare.com