Learn HTML – Part 7 – Line Break Tag – br Tag Explained

Learn HTML – Part 7 – Line Break Tag – br Tag Explained

The HTML br tag is used to create a line break inside text. It forces the content to continue on the next line without starting a new paragraph.

The br tag is commonly used when writing poems, addresses, or any content where line breaks are required.


What is the br Tag?

The br tag stands for Line Break. It inserts a single line break in the text.

Unlike most HTML elements, the br tag is a self-closing tag and does not require a closing tag.


Basic Syntax

<p>
Hello World!<br>
Welcome to HTML.
</p>

Example – Using a Line Break

<p>
HTML is the foundation of web development.<br>
It is used to structure web pages.
</p>

Output:

HTML is the foundation of web development.
It is used to structure web pages.


Common Use Cases

  • Writing poems
  • Displaying addresses
  • Formatting short text lines

Example – Address Format

<p>
WPDeveloperTips<br>
Calicut, Kerala<br>
India
</p>

Output:

WPDeveloperTips
Calicut, Kerala
India


br vs p – Key Difference

Featurebr Tagp Tag
PurposeCreates a line breakCreates a new paragraph
SpacingNo extra spacingAdds space before and after
UsageShort line breaksFull content blocks

Common Mistakes Beginners Make

  • Using too many br tags for spacing
  • Using br instead of proper paragraphs
  • Trying to close the tag like </br>

Use the br tag only when a line break is necessary, not for layout spacing.


Conclusion

The HTML br tag is used to insert line breaks within text.

It is useful for formatting short lines such as poems, addresses, or structured text.

What’s Next?

Now that you understand the br tag, the next step is learning about the p tag, which is used to create paragraphs in HTML.

Next: Learn HTML – Part 8 – Paragraph Tag – p Tag Explained →


Series: Learn HTML Series

Facebook
WhatsApp
Twitter
LinkedIn
Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *

Related Articles from the Series

learn-html-part-63-complete-html-project-thumbnail
Learn HTML – Part 63 – Complete HTML Project (Build a Web Page)
Learn HTML – Part 63 – Complete HTML Project In this final lesson, we will build a complete HTML webpage...
learn-html-part-62-time-tag-date-time-thumbnail
Learn HTML – Part 62 – time Tag – Date & Time
Learn HTML – Part 62 – time Tag – Date & Time The HTML time tag is used to represent dates and times...
learn-html-part-61-mark-tag-highlight-text-thumbnail
Learn HTML – Part 61 – mark Tag – Highlight Text
Learn HTML – Part 61 – mark Tag – Highlight Text The HTML mark tag is used to highlight text that is...
learn-html-part-60-figcaption-tag-figure-caption-thumbnail
Learn HTML – Part 60 – figcaption Tag – Figure Caption
Learn HTML – Part 60 – figcaption Tag – Figure Caption The HTML figcaption tag is used to define a caption...
learn-html-part-59-figure-tag-media-content-thumbnail
Learn HTML – Part 59 – figure Tag – Media Content
Learn HTML – Part 59 – figure Tag – Media Content The HTML figure tag is used to group media content...
learn-html-part-58-track-tag-video-subtitles-thumbnail
Learn HTML – Part 58 – track Tag – Video Subtitles
Learn HTML – Part 58 – track Tag – Video Subtitles The HTML track tag is used to add subtitles, captions,...
learn-html-part-57-source-tag-media-sources-thumbnail
Learn HTML – Part 57 – source Tag – Media Sources
Learn HTML – Part 57 – source Tag – Media Sources The HTML source tag is used to define multiple media...
learn-html-part-56-picture-tag-responsive-images-thumbnail
Learn HTML – Part 56 – picture Tag – Responsive Images
Learn HTML – Part 56 – picture Tag – Responsive Images The HTML picture tag is used to display responsive...
learn-html-part-55-dialog-tag-modal-dialog-thumbnail
Learn HTML – Part 55 – dialog Tag – Modal Dialog
Learn HTML – Part 55 – dialog Tag – Modal Dialog The HTML dialog tag is used to create modal or popup...
learn-html-part-54-summary-tag-details-caption-thumbnail
Learn HTML – Part 54 – summary Tag – Details Caption
Learn HTML – Part 54 – summary Tag – Details Caption The HTML summary tag is used to define a visible...
Scroll to Top