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
Biology
S.4 BIOLOGY SCENARIO BASED QUESTIONS
S.4 BIOLOGY SCENARIO BASED QUESTIONS
Por TALKS OF BIOLOGY 2024-08-28 14:30:56 0 12K
Educação
THE MOUNTAINS IN EAST AFRICA AND THEIR SIZES
Here are some of the prominent mountains in East Africa along with their sizes: Mount...
Por Mpatswe Francis 2024-10-09 00:08:00 0 10K
Chemistry
S.4 CHEMISTRY WAKATA PRE MOCK QUESTIONS 2
https://acrobat.adobe.com/id/urn:aaid:sc:EU:85bd6cfc-45b5-4737-b430-d0e1fce698e9
Por Landus Mumbere Expedito 2024-07-19 23:27:53 0 9K
Technology
Microsoft Outlook 2016 Step by Step
Microsoft Outlook 2016
Por Mpatswe Francis 2024-08-14 21:48:58 0 9K
Educação
S4 CHEMISTRY
https://acrobat.adobe.com/id/urn:aaid:sc:EU:c0424112-e1de-4038-84a6-6743ec084d39
Por Landus Mumbere Expedito 2024-07-24 19:24:46 0 9K
Talksphare https://talksphare.com