Was bedeutet hr in HTML?

青灯夜游
Freigeben: 2021-03-31 13:59:03
Original
16925 Leute haben es durchsucht

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.

Was bedeutet hr in HTML?

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>
Nach dem Login kopieren

Rendering:

Was bedeutet hr in HTML?

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

Was bedeutet hr in HTML?

2. CSS legt den Doppellinienstil von hr fest

Was bedeutet hr in HTML?3 of hr

HTML-Code:

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

CSS-Code:

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

Was bedeutet hr in HTML?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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage