HTML-Tutorial: Horizontales Liniensegment in HTML

Dieses Tag kann eine horizontale Linie auf dem Bildschirm anzeigen, um verschiedene Teile der Seite zu trennen.
<HR> hat drei Attribute:
Größe: Die Breite der horizontalen Linie. Breite: Die Länge der horizontalen Linie, ausgedrückt als Prozentsatz der Bildschirmbreite oder in Pixeln. Ausrichtung: Die Ausrichtung der horizontalen Linie, die drei Typen hat: LINKS RECHTS MITTE. Noshade: Das Liniensegment hat kein Schattenattribut und ist ein durchgezogenes Liniensegment. Wir können mehrere Beispiele verwenden, um die Verwendung dieses Liniensegments zu veranschaulichen:

Linienstärke einstellen
<HTML>
<KOPF>
<TITLE>Linienstärke einstellen</TITLE>
</KOPF>
<KÖRPER>
Dies ist das erste Liniensegment. Es ist keine Größe festgelegt. Für die Anzeige wird der Standardwert SIZE=1 verwendet. 
<HR />
Dies ist das zweite Liniensegment, SIZE=5 
<HR-GRÖSSE=5>
Dies ist das dritte Liniensegment, SIZE=10 
<HR-GRÖSSE=10>
</BODY>
</HTML>

Einstellen der Zeilenlänge
<HTML>
<KOPF>
<TITLE>Länge von Liniensegmenten festlegen</TITLE>
</KOPF>
<KÖRPER>
Dies ist das erste Liniensegment. Es gibt keine WIDTH-Einstellung. Für die Anzeige wird der Standard-WIDTH-Wert von 100 % verwendet. 
<HR-GRÖSSE=3>
Dies ist das zweite Liniensegment, BREITE=50 (Punktmethode) 
<HR BREITE=50 GRÖSSE=5>
Dies ist das dritte Liniensegment, BREITE=50 % (Prozentmethode) 
<HR BREITE=50% GRÖSSE=7>
</BODY>
</HTML>

Einstellungen für die Segmentanordnung
<HTML>
<KOPF>
<TITLE>Einstellungen für die Liniensegmentanordnung</TITLE>
</KOPF>
<KÖRPER>
Dies ist das erste Liniensegment, keine ALIGN-Einstellung (für die Anzeige wird der Standardwert CENTER verwendet) 
<HR BREITE=50% GRÖSSE=5>
Dies ist das zweite Liniensegment, linksbündig ausgerichtet. BR>
<HR BREITE=60% GRÖSSE=7 AUSRICHTUNG=LINKS>
Dies ist das dritte Liniensegment, rechtsbündig ausgerichtet 
<HR BREITE=70% GRÖSSE=2 AUSRICHTUNG=RECHTS>
</BODY>
</HTML>

Keine Schatteneinstellung
<HTML>
<KOPF>
<TITLE>Schattenlose Umgebung</TITLE>
</KOPF>
<KÖRPER>
Dies ist das erste Liniensegment. Es ist kein NOSHADE eingestellt. Für die Anzeige wird der Standard-Schatteneffekt verwendet. 
<HR BREITE=80% GRÖSSE=5>
Dies ist das zweite Liniensegment mit eingestelltem NOSHADE 
<HR BREITE=80% GRÖSSE=7 AUSRICHTUNG=LINKS KEIN SCHATTEN>
</BODY>
</HTML>
Letzte horizontale Linie:

<<: Welche Regeln gelten für den Kontext in JavaScript-Funktionen?

>>: Eine eingehende Analyse von MySQL erläutert die Verwendung und die Ergebnisse

CSS3-Filtercode zum Erreichen des Grau- oder Schwarzmodus auf Webseiten

Eine kurze Diskussion zum Problem, dass der Text in der Schaltfläche im Kompatibilitätsmodus des Browsers nicht vertikal zentriert ist

XML/HTML-CodeInhalt in die Zwischenablage kopiere...

HTML-Tutorial: Horizontales Liniensegment in HTML

CSS3-Filtercode zum Erreichen des Grau- oder Schwarzmodus auf Webseiten

So zeichnen Sie spezielle Grafiken in CSS

Lösung für das Problem mit transparenten Schriftarten nach dem Aktivieren von ClearType im Internet Explorer

Neun erweiterte Methoden zur Deduplizierung von JS-Arrays (erprobt und effektiv)

Eine kurze Diskussion über die VUE Uni-App-Entwicklungsumgebung

Was macht der legendäre VUE-Syntax-Sugar?

Grafisches Tutorial zur Installation von MySQL 5.7.19 (tar.gz) unter Linux

Wachstumserfahrung eines Webdesigners

Detaillierte Erklärung des Fortschrittsbalkens beim Laden von Webseiten (empfohlen)

Die JS-Methode hasOwnProperty() erkennt, ob eine Eigenschaft die eigene Eigenschaft eines Objekts ist.

Artikel empfehlen

Einfaches Beispiel für die Leistungsoptimierung von MySQL-SQL-Anweisungen

Tiefes Verständnis der JavaScript-Syntax und Codestruktur

Verwenden Sie vue3, um ein Mensch-Katze-Kommunikations-Applet zu implementieren

Detaillierte Erläuterung der Nginx-Rewrite-Jump-Anwendungsszenarien

Vue implementiert eine kleine Countdown-Funktion

Der Unterschied zwischen MySQL-Benutzerverwaltung und PostgreSQL-Benutzerverwaltung

Zusammenfassung des in JS implementierten Minesweeping-Projekts

Die neueste Installations- und Konfigurationsmethode für MySQL-5.7.21

Verwenden von Vue3 (Teil 1) Erstellen eines Vue CLI-Projekts

Eine kurze Diskussion zum Problem, dass der Text in der Schaltfläche im Kompatibilitätsmodus des Browsers nicht vertikal zentriert ist

50 wunderschöne FLASH-Website-Designbeispiele

Detaillierte Erklärung der atomaren DDL-Syntax von MySQL 8.0

Vue + Spring Boot realisiert die Bestätigungscodefunktion

So verwenden Sie Dockerfile zum Erstellen von Images in Docker

Führen Sie die folgenden Schritte aus, um HugePages schnell unter Linux zu konfigurieren