In HTML können wir die horizontale Linie auf einfache Weise auf folgende Weise in das Dokument einfügen:
- Verwendung eines HTML-Tags
- Verwenden des internen CSS
Verwenden von HTML
Wenn wir die horizontale Linie im HTML-Dokument hinzufügen möchten, verwenden Sie HTML-Tag , dann müssen wir die unten aufgeführten Schritte befolgen. Mit diesen Schritten können wir ganz einfach die Zeile hinzufügen:
Schritt 1: Zuerst müssen wir den HTML-Code in einen beliebigen Texteditor eingeben oder die vorhandene HTML-Datei in dem Texteditor öffnen, in den wir die horizontale Linie einfügen möchten.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
Schritt 2: Platzieren Sie nun den Cursor an der Stelle, an der wir die Zeile im HTML-Dokument hinzufügen möchten. Und dann müssen wir das nutzen
Tag von HTML zu diesem Zeitpunkt.
<hr>
Schritt 3: Jetzt müssen wir die Attribute von hinzufügen
Tag, der die Größe, Farbe und Breite einer Linie definiert. Wir müssen also die Größen-, Breiten- und Farbattribute innerhalb eingeben
Etikett.
<hr>
Schritt 4: Und dann müssen wir die Werte dieser Attribute angeben.
<hr>
Schritt 5: Und schließlich müssen wir den HTML-Code speichern und die Datei dann im Browser ausführen.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.Testen Sie es jetzt
Die Ausgabe des obigen HTML-Codes wird im folgenden Screenshot angezeigt:
Verwenden des internen CSS
Wenn wir mithilfe des internen Stylesheets die horizontale Linie in das HTML-Dokument einfügen möchten, müssen wir die unten aufgeführten Schritte ausführen. Mit diesen Schritten können wir ganz einfach die Zeile hinzufügen:
Schritt 1: Zuerst müssen wir den HTML-Code in einen beliebigen Texteditor eingeben oder die vorhandene HTML-Datei in dem Texteditor öffnen, in den wir die horizontale Linie einfügen möchten.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
Schritt 2: Jetzt müssen wir den Cursor direkt nach dem Schließen des Title-Tags im platzieren Kopf-Tag des HTML-Dokuments und definieren Sie dann die Stile darin Tag wie im folgenden Block gezeigt. Und dann müssen wir das CSS-Tag hr eingeben, um die horizontale Linie zu gestalten.
Add the Line using Internal CSS. hr { } Schritt 3: Jetzt müssen wir die Attribute des HR-CSS-Tags definieren. Daher definieren wir die verschiedenen Attribute im folgenden Block:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } Schritt 4: Jetzt müssen wir Folgendes eingeben
Tag im Hauptteil des HTML-Dokuments, um die horizontale Linie auf der Webseite anzuzeigen. Und schließlich müssen wir die HTML-Datei speichern und sie dann im Internetbrowser ausführen.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. Testen Sie es jetzt Die Ausgabe des obigen HTML-Codes wird im folgenden Screenshot angezeigt:
