Line breaks (<br>)

0
9K

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>
Cerca
Categorie
Leggi tutto
Computer Programming
Operators and Precedence Rules
In Python, operators are special symbols that perform operations on operands (values or...
By Tebtalks Access 2024-07-16 21:44:34 1 10K
Technology
Copyright infringement
Copyright infringement refers to the unauthorized use, reproduction, distribution, or adaptation...
By ALAGAI AUGUSTEN 2024-07-16 16:55:44 0 11K
Altre informazioni
10 ways to show love
Here are 10 meaningful ways to show love:Quality Time – Spend uninterrupted, focused time...
By Tebtalks Access 2024-09-23 04:45:26 1 10K
Computer Programming
HTML Table Headers: A Comprehensive Guide
HTML table headers are used to define the columns or rows of a table. They are typically styled...
By HTML PROGRAMMING LANGUAGE 2024-09-06 01:31:21 0 12K
Talksphare https://talksphare.com