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.
Cerca
Categorie
Leggi tutto
Computer Programming
Functions, Parameters, and Return Values in python
Python uses functions extensively! Here's how functions, parameters, and return values work in...
Technology
Copyright infringement
Copyright infringement refers to the unauthorized use, reproduction, distribution, or adaptation...
By ALAGAI AUGUSTEN 2024-07-16 16:55:44 0 9K
Technology
Understanding Web Frameworks and Libraries
Understanding Web Frameworks and Libraries In the world of web development, efficiency and...
By ALAGAI AUGUSTEN 2024-07-26 17:50:40 0 16K
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 9K
Formazione
PROJECT PLANNING
PROJECT PLANNING
By Landus Mumbere Expedito 2024-07-26 16:25:50 0 8K
Tebtalks https://tebtalks.com