HTML Horizontal Rules (<hr>)

0
8K

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
Popular Linux Distributions
Linux distributions, or distros, come in various forms tailored to different user needs, ranging...
By Tebtalks Access 2024-07-13 07:29:49 0 9K
Physics
PHYSICS PAPER 2
Physics paper 2
By Question Bank 2024-09-05 12:00:28 0 13K
Technology
Licensing Linux
Linux is an open-source operating system kernel, and its licensing is a crucial aspect of its...
By Tebtalks Access 2024-07-13 07:21:57 0 9K
Technology
Components of BIS: Hardware, Software, Data, People, Processes
Business Information Systems (BIS) are composed of several key components that work together to...
By Business Information Systems (BIS) Course 2024-07-31 18:24:21 0 10K
Education
The Legacy of Ellis Island
By Modern American History 2024-08-02 16:43:07 0 10K
Tebtalks https://tebtalks.com