HTML-Tutorial: Horizontales Liniensegment in HTML
|
<br />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> <P>Dies ist das erste Liniensegment. Es ist keine Größe festgelegt. Für die Anzeige wird der Standardwert SIZE=1 verwendet.<BR> <HR /> <P>Dies ist das zweite Liniensegment, SIZE=5<BR> <HR-GRÖSSE=5> <P>Dies ist das dritte Liniensegment, SIZE=10<BR> <HR-GRÖSSE=10> </BODY> </HTML> Einstellen der Zeilenlänge <HTML> <KOPF> <TITLE>Länge von Liniensegmenten festlegen</TITLE> </KOPF> <KÖRPER> <P>Dies ist das erste Liniensegment. Es gibt keine WIDTH-Einstellung. Für die Anzeige wird der Standard-WIDTH-Wert von 100 % verwendet.<BR> <HR-GRÖSSE=3> <P>Dies ist das zweite Liniensegment, BREITE=50 (Punktmethode)<BR> <HR BREITE=50 GRÖSSE=5> <P>Dies ist das dritte Liniensegment, BREITE=50 % (Prozentmethode)<BR> <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> <P>Dies ist das erste Liniensegment, keine ALIGN-Einstellung (für die Anzeige wird der Standardwert CENTER verwendet)<BR> <HR BREITE=50% GRÖSSE=5> <P>Dies ist das zweite Liniensegment, linksbündig ausgerichtet. BR> <HR BREITE=60% GRÖSSE=7 AUSRICHTUNG=LINKS> <P>Dies ist das dritte Liniensegment, rechtsbündig ausgerichtet<BR> <HR BREITE=70% GRÖSSE=2 AUSRICHTUNG=RECHTS> </BODY> </HTML> Keine Schatteneinstellung <HTML> <KOPF> <TITLE>Schattenlose Umgebung</TITLE> </KOPF> <KÖRPER> <P>Dies ist das erste Liniensegment. Es ist kein NOSHADE eingestellt. Für die Anzeige wird der Standard-Schatteneffekt verwendet.<BR> <HR BREITE=80% GRÖSSE=5> <P>Dies ist das zweite Liniensegment mit eingestelltem NOSHADE<BR> <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
Artikel empfehlen
Methoden und Schritte zum Bereitstellen einer GitLab-Umgebung basierend auf Docker
Hinweis: Es wird empfohlen, dass der Speicher der...
Konventionelle JS-Verarbeitungsfunktionen für die Entwicklung von Vue Element-Frontend-Anwendungen
Inhaltsverzeichnis 1. Filtern, Zuordnen und Reduz...
Beispiel für das Hoch- und Herunterladen von Dateien im Front-End mit Vue+Express
Erstellen Sie eine neue server.js Garn init -y Ga...
Beispielcode für die Batchbereitstellung von Nginx mit Ansible
1.1 Kopieren Sie das Nginx-Installationspaket und...
Detaillierte Schritte zum Installieren und Debuggen einer MySQL-Datenbank unter CentOS7 [Beispiel]
Für dieses Beispiel ist das Herunterladen und Ins...
Fehler MySQL-Tabelle 'performance_schema...Lösung
Die Testumgebung ist mit MariaDB 5.7 eingerichtet...
Vue verwendet Vue-Metainformationen, um den Titel und die Metainformationen jeder Seite festzulegen
Titel: Vue verwendet Vue-Meta-Info, um den Titel ...
Erfahrung mit parallelen React-Funktionen (gleichzeitiger Front-End-Modus)
React ist eine Open-Source-JavaScript-Bibliothek,...
CSS3 realisiert das Effektdiagramm zur Produktanzeige auf der Website
Dieser Artikel stellt die Wirkung der Produktanze...
So bereinigen Sie den von Docker belegten Speicherplatz
Docker nimmt viel Platz ein. Immer wenn wir Conta...
js implementiert das Ein- und Ausblenden von Inhalten mit der Maus über die Karte
In diesem Artikel wird der spezifische Code von j...
So überprüfen Sie, ob die Firewall in Linux ausgeschaltet ist
1. Servicemethode Überprüfen Sie den Firewall-Sta...
JavaScript+html zur Implementierung der Sliding-Verifizierung auf Front-End-Seiten (2)
In diesem Artikelbeispiel wird der spezifische Co...
Docker-Bereinigungsumgebungsvorgang
Beginnen Sie vorsichtig mit der Reinigung! Auflis...
So erstellen Sie einen Nginx-Image-Server mit Docker
Vorwort Bei der allgemeinen Entwicklung werden Bi...