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>
Search
Categories
Read More
Technology
How AI and Machine Learning are Transforming Industries
The Future is Here! 🚀 AI and Machine Learning are Transforming Industries. Are You Ready to...
By ALAGAI AUGUSTEN 2024-07-23 17:11:29 0 11K
Technology
Importance of Business Information Systems in Modern Business
Business Information Systems (BIS) are vital to the functioning and success of modern businesses....
By Business Information Systems (BIS) Course 2024-07-31 17:19:12 0 11K
Education
PROJECT WORK UNDER THE NLSC
https://acrobat.adobe.com/id/urn:aaid:sc:EU:f40101ab-c7b1-4329-a7bd-e5b826cba07a
By Landus Mumbere Expedito 2024-07-20 21:29:58 0 9K
Education
Unlock Your Potential with Lifelong Learning
In today’s fast-paced, ever-changing world, the concept of lifelong learning has become...
By ALAGAI AUGUSTEN 2024-07-21 19:03:27 0 12K
Computer Programming
Global attributes (id, class, style, title)
Global attributes are attributes that can be applied to any HTML element. They provide additional...
By HTML PROGRAMMING LANGUAGE 2024-08-15 01:29:55 0 8K
Tebtalks https://tebtalks.com