Was bedeutet hr in HTML?

In HTML bedeutet hr „horizontale Linie“ und ist ein Tag, der zum Erstellen einer horizontalen Linie auf der Seite verwendet wird. Das hr-Element wird verwendet, um Inhalte in HTML-Seiten ohne einen schließenden Tag zu trennen. Fügen Sie einfach „

---

“ direkt zwischen den Elementen ein, die getrennt werden müssen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer. Das

---

-Tag definiert Themenänderungen (z. B. Themenwechsel) in HTML-Seiten und wird als horizontale Linie angezeigt. Das

---

-Element wird verwendet, um Inhalte in einer HTML-Seite zu trennen (oder eine Variation zu definieren).

Erklärung:

• In HTML5 definiert

  ---

  die Themenvariation im Inhalt und wird als horizontale Linie angezeigt.

• In HTML 4.01 wird das

  ---

  -Tag nur als horizontale Linie angezeigt.

• In HTML hat das

  ---

  -Tag kein schließendes Tag.

html

---

Tag-Attribute

Attribut	Wert	Beschreibung
align	left center right	gibt die Ausrichtung des -Elements an.
noshade	noshade	gibt die Farbe des -Elements an, das als Volltonfarbe gerendert werden soll.
Größe	Pixel	HTGibt die Höhe des -Elements an.
width	pixels %	Gibt die Breite des -Elements an.

Beispiel:

<h1>HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p>

<hr>

<h1>CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>

Rendering:

Man sieht, dass es sich nur um eine schwarze Linie handelt, was überhaupt nicht schön ist, geschweige denn, dass die Seite mit

---

schön wird. was die Verwendung von CSS erfordert. Legen wir den Stil von hr fest.

Zum Beispiel:

1. CSS legt die Dicke (fett) und die Farbe von hr fest

2. CSS legt den Doppellinienstil von hr fest

3 of hr

HTML-Code:

<hr   style="max-width:90%"/><!--修改的样式-->
<br />
<hr /><!--默认的样式-->

CSS-Code:

<hr style="height:3px;border:none;border-top:3px double red;"/>

Empfohlenes Tutorial: „

HTML-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWas bedeutet hr in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!