HTML Horizontal Rules (<hr>)

0
6KB

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.
Rechercher
Catégories
Lire la suite
Technology
History of Python and Computer Hardware
As computer programming started to get popular and evolve in the 1960’s and 70’s,...
Computer Programming
Comparing Data Types and Conditional Expressions
Comparing Data Types: In Python, you can compare data types using the type() function. This...
Autre
Turkish Airlines Flight Makes Emergency Landing at JFK After Pilot Dies
New York, October 9, 2024 – A Turkish Airlines flight from Seattle to Istanbul made an...
Par Updates & History 2024-10-09 17:55:15 0 10KB
Technology
Understanding the ROUND Function
The ROUND function in Excel is used to round a number to a specified number of decimal places....
Par Microsoft Excel 2024-09-03 03:30:30 0 8KB
Éducation
S.4 PHYSICAL EDUCATION MOCK EXAM
https://acrobat.adobe.com/id/urn:aaid:sc:EU:ec617028-2a6c-4082-b406-54df86b57b55
Par Landus Mumbere Expedito 2024-07-24 19:32:08 0 9KB
Tebtalks https://tebtalks.com