HTML <hr> -Tag
Beispiel
Verwenden Sie das <hr>-Tag, um thematische Änderungen im Inhalt zu definieren:
<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup
language for creating Web pages. HTML describes the structure of a Web page,
and consists of a series of elements. HTML elements tell the browser how to
display the content.</p>
<hr>
<p>CSS is a language that
describes how HTML elements are to be displayed on screen, paper, or in
other media. CSS saves a lot of work, because it can control the layout of
multiple web pages all at once.</p>
<hr>
<p>JavaScript is the
programming language of HTML and the Web. JavaScript can change HTML content
and attribute values. JavaScript can change CSS. JavaScript can hide and
show HTML elements, and more.</p>
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das <hr>Tag definiert einen thematischen Bruch in einer HTML-Seite (z. B. eine Themenverschiebung).
Das <hr>Element wird meistens als horizontale Linie angezeigt, die zum Trennen von Inhalten (oder zum Definieren einer Änderung) auf einer HTML-Seite verwendet wird.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <hr> | Yes | Yes | Yes | Yes | Yes |
Globale Attribute
Das <hr>Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <hr>Tag unterstützt auch die Ereignisattribute in HTML .
Mehr Beispiele
Beispiel
Richten Sie ein <hr>-Element aus (mit CSS):
<hr style="width:50%;text-align:left;margin-left:0">
Beispiel
Ein noshaded <hr> (mit CSS):
<hr style="height:2px;border-width:0;color:gray;background-color:gray">
Beispiel
Legen Sie die Höhe eines <hr>-Elements fest (mit CSS):
<hr style="height:30px">
Beispiel
Legen Sie die Breite eines <hr>-Elements fest (mit CSS):
<hr style="width:50%">
Verwandte Seiten
HTML-DOM-Referenz: HR-Objekt
Standard-CSS-Einstellungen
Die meisten Browser zeigen das <hr>Element mit den folgenden Standardwerten an:
Beispiel
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}