HTML Horizontal Rules (<hr>)

0
5K

The <hr> tag represents a thematic break in a page, typically displayed as a horizontal rule. It separates content into distinct sections.

Basic Usage

HTML
<hr>

Example with Other Elements

HTML
<h1>Section 1</h1>
<p>Content for section 1.</p>

<hr>

<h1>Section 2</h1>
<p>Content for section 2.</p>

Attributes

While the <hr> tag doesn't have many attributes, here are the ones you might use:

  • width: Specifies the width of the rule.
  • size: Specifies the height of the rule.
  • align: Specifies the alignment of the rule (left, right, or center).
  • noshade: Specifies that the rule should not be shaded.

Note: The appearance of the <hr> element can be heavily customized using CSS.

Example with Attributes

HTML
<hr width="50%" size="5" align="center" noshade>

Important Points

  • Semantic meaning: The <hr> tag has a semantic meaning, indicating a thematic break.
  • Visual appearance: While traditionally displayed as a horizontal line, its appearance can vary based on user styles or browser settings.
  • Accessibility: The <hr> tag provides a visual cue for screen reader users, helping them understand the structure of the page.

When to Use <hr>

  • To separate content into distinct sections.
  • To indicate a change in topic or mood.
  • To visually break up long sections of text.
Search
Categories
Read More
Technology
HTML Tutorial
HTML Tutorial
By Patswe 2024-08-17 17:37:28 0 5K
Computer Programming
HTML Table Colspan & Rowspan
HTML Table Colspan and Rowspan Colspan and rowspan are attributes used to merge cells in a...
By HTML PROGRAMMING LANGUAGE 2024-09-06 01:36:07 0 6K
Physics
PHYSICS PAPER 2
Physics paper 2
By Question Bank 2024-09-05 12:00:28 0 7K
Technology
Transaction Processing Systems (TPS)
These are information systems that manage and process data from business transactions. A...
By Business Information Systems (BIS) Course 2024-07-31 18:42:51 0 5K
Computer Programming
HTML, Head, Body tags
HTML The root element of an HTML document. Encloses the entire document, including the head...
By HTML PROGRAMMING LANGUAGE 2024-08-13 03:31:57 0 5K