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

jQuery erzielt Vollbild-Scrolling-Effekt

HTML-Tutorial: Horizontales Liniensegment in HTML

jQuery erzielt Vollbild-Scrolling-Effekt

MySQL-Optimierung: So schreiben Sie hochwertige SQL-Anweisungen

So ändern Sie den Replikationsfilter in MySQL dynamisch

N Möglichkeiten, die letzte Listenzeile im CSS-Flex-Layout linksbündig auszurichten (Zusammenfassung)

Detaillierte Erläuterung der Ideen zur Leistungsoptimierung für funktionale React-Komponenten

Einführung in die Funktionen und Verwendung von Wert- und Namensattributen in HTML

Detaillierte Erläuterung der Verwendung von Docker Commit

Mysql-Datumsformatierung und komplexe Datumsbereichsabfrage

Tiefgreifendes Verständnis des Ereignisausführungsmechanismus von JavaScript

Zusammenfassung der Nginx-Konfigurationsstandortmethode

Artikel empfehlen

CSS3 zum Erzielen eines einfachen schwebenden Hintergrundeffekts mit weißen Wolken

Sehr praktisches Tutorial zur umfassenden Zusammenfassung der MySQL-Funktionen und detaillierten Beispielanalysen

Grundlegendes Tutorial zur Steuerung des mobilen Roboters Turtlebot3 mit ROS

Lösung für das Problem „Linux QT Kit fehlt“ und „Version leer“

So überwachen Sie globale Variablen im WeChat-Applet

Vue implementiert den Beispielcode zum Verknüpfen der seitlichen Navigationsleiste mit der Registerkartenseite

Schritte zum Installieren einer RocketMQ-Instanz unter Linux

Vue erzielt den Top-Effekt durch V-Show

Webdesign-Erfahrung: Selbstgerechte Webdesigner

Detaillierte Erläuterung des neuesten IDEA-Prozesses zum schnellen Bereitstellen und Ausführen von Docker-Images

Detailliertes Beispiel für MySQL-Joint-Tabellen-Update-Daten

Ein Beispiel für die Implementierung einer einfachen Fingerklick-Animation mit CSS3 Animation

So kommunizieren Sie mit anderen Benutzern über die Linux-Befehlszeile

So reparieren Sie beschädigte MySQL-Datenbankdateien schnell mit den Tools myisamchk und mysqlcheck

Eine kurze Analyse der Verwendung von HTML-Float