HTML Horizontal Rules (<hr>)
Posted 2024-08-15 01:26:07
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
- Technology
- Education
- Business
- Music
- Got talent
- Film
- Politics
- Food
- Games
- Gardening
- Health
- Home
- Literature
- Networking
- Other
- Party
- Religion
- Shopping
- Sports
- Theater
- Wellness
Read More
HTML Table Colspan & Rowspan
HTML Table Colspan and Rowspan
Colspan and rowspan are attributes used to merge cells in a...
Transaction Processing Systems (TPS)
These are information systems that manage and process data from business transactions. A...
HTML, Head, Body tags
HTML
The root element of an HTML document.
Encloses the entire document, including the head...