Erstellen sie eine horizontale linie in html

In diesem Tutorial erfahren Sie, wie Sie in HTML eine horizontale Linie erstellen. Eine horizontale Linie kann verwendet werden, um Inhalte auf Ihrer Website zu trennen. Der Code zum Erstellen einer Regel ist ganz einfach. Sie können Inline-Code in HTML 4 hinzufügen.01 um deine Linie zu formen. In HTML5 verwenden Sie CSS, um Ihre Linie zu formen.

Schritte

Methode1 von 2:HTML 4.01

Bildtitel 658928 1 1
1. Öffnen oder erstellen Sie ein neues HTML-Dokument. HTML-Dokumente können mit einem Texteditor wie Notepad bearbeitet werden. Sie können auch einen Code-Editor wie Adobe Dreamweaver verwenden. Gehen Sie wie folgt vor, um ein HTML-Dokument in einem Programm Ihrer Wahl zu öffnen:
  • Öffnen Sie Notepad oder einen beliebigen Texteditor/Codeeditor Ihrer Wahl.
  • Klicken Sie auf das Menü Datei.
  • klicke auf Öffnen.
  • Wählen Sie eine HTML-Datei.
  • klicke auf Öffnen.
Bildtitel 658928 2 1
2. Wählen Sie den Punkt aus, an dem Sie die Linie einfügen möchten. Scrollen Sie nach unten zu der Zeile, über der Sie die Zeile einfügen möchten, und klicken Sie dann ganz links auf die Zeile, um den Cursor direkt vor den Zeilenanfang zu setzen.
Bildtitel 658928 3 1
3. Schaffen Sie einen leeren Raum. Drücken Sie zweimal ↵ Enter, um den Text, über dem Sie die Zeile eingeben möchten, nach unten zu bewegen, und bewegen Sie den Cursor auf die leere Stelle.
Bildtitel 658928 4 1
4. füge das Tag hinzu " Typ im Leerzeichen vor dem Zeilenanfang. das Etikett erzeugt eine horizontale Linie über die gesamte Seite.
Bildtitel 658928 5 1
5. Verschieben Sie die Zeile für das `hr`-Tag in eine neue Zeile. Drücken Sie ↵ Geben Sie ein, um dies zu tun. An dieser Stelle sollte das Tag steh auf deiner eigenen linie.
Bildtitel 658928 6 1
6. Attribute zur horizontalen Linie hinzufügen (optional). Sie können einer horizontalen Linie Attribute wie Länge, Breite, Farbe und Ausrichtung hinzufügen. Verwenden Sie die folgenden Codes nach `hr` in den Codeklammern. Sie können mehr als ein Attribut hinzufügen, indem Sie sie durch ein Leerzeichen trennen.
  • Typ um die Dicke der Linie zu ändern. # durch die Dicke ersetzen (z.B. Größe="10").
  • Typ um die Breite der Linie zu ändern.Ersetzen Sie # durch die Breite in Pixeln oder den Prozentsatz der Seitenbreite (z. Breite="200", oder Breite="75%").
  • Typ
    um die Farbe der Linie zu ändern. Ersetzen Sie # durch den Namen der Farbe oder einen Hexadezimalcode (z. Farbe="rot" oder Farbe="#FF0000")
  • Typ
    um die Linie auszurichten.Ersetzen mit "Rechts", "links" oder "Center" (z.B. ).
    Bildtitel 658928 7 1
    7. Speichern Sie Ihre HTML-Datei. Um eine Textdatei als HTML-Dokument zu speichern, müssen Sie die Dateierweiterung (.txt oder .docx) ersetzt durch `.html`. Befolgen Sie diese Schritte, um Ihr HTML-Dokument zu speichern:
  • Klicken Sie auf das Menü Datei.
  • klicke auf Speichern als.
  • Geben Sie neben einen Namen für die Datei ein "`Dateinamen`".
  • Typ .html am Ende des Dateinamens.
  • klicke auf Speichern.
    Bildtitel 658928 8 1
    8. Testen Sie Ihren HTML-Code. Wenn Sie Ihre HTML-Datei testen möchten, klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie Öffnen mit. Wählen Sie dann einen Webbrowser aus. An der Stelle, an der Sie das `HR`-Tag platziert haben, sollte eine durchgezogene Linie erscheinen. Der HTML-Code sieht etwa so aus:

    Methode2 von 2:CSS/HTML5

    Bildtitel 658928 9 1
    1. Öffnen oder erstellen Sie ein neues HTML-Dokument. HTML-Dokumente können mit einem Texteditor wie Notepad bearbeitet werden. Sie können auch einen Code-Editor wie Adobe Dreamweaver verwenden. Gehen Sie folgendermaßen vor, um ein HTML-Dokument in einem Programm Ihrer Wahl zu öffnen:
  • Öffnen Sie Notepad oder einen anderen Texteditor/Codeeditor Ihrer Wahl.
  • Klicken Sie auf das Menü Datei.
  • klicke auf Öffnen.
  • Wählen Sie eine HTML-Datei.
  • klicke auf Öffnen
  • Bildtitel 658928 10 1
    2. Fügen Sie Ihrem HTML-Dokument eine Überschrift hinzu. Wenn Ihr HTML-Dokument noch keine Überschrift enthält, führen Sie die folgenden Schritte aus, um eine Überschrift hinzuzufügen. Die Schlagzeile kommt nach dem "
  • Typ oben im Dokument.
  • Drücken Sie zweimal ↵ Enter um zwei neue Zeilen hinzuzufügen.
  • Typ den Kopf schließen.
    Bildtitel 658928 11 1
    3. Typ in der Tasse.Das Formatierungs-Tag steht zwischen den beiden Header-Tags.Dadurch können Sie CSS-Code eingeben, um Ihren HTML-Code zu formatieren.
  • Sie können auch ein externes Stylesheet verwenden. lesen "So fügen Sie eine CSS-Datei zu HTML hinzu" um mehr über das Verknüpfen einer externen CSS-Datei mit Ihrer HTML-Datei zu erfahren.
    Bildtitel 658928 12 1
  • 4. Typ Stunde {.Dies ist das CSS-Tag zum Formatieren Ihrer horizontalen Linie.Platzieren Sie es nach dem style-Tag im Head-Bereich oder in Ihrer externen CSS-Datei.
    Bildtitel 658928 13 1
    5. Fügen Sie CSS-Stile zu Ihrem . hinzu "Sie platzieren dies hinter dem Tag "Stunde {".Es gibt viele Möglichkeiten, eine horizontale Linie zu formatieren.Nachfolgend einige Beispiele.
  • Typ Breite: ##px; die Breite einstellen. Ersetzen Sie ## durch die Breite der Linie in Pixelanzahl. Sie können anstelle von Pixeln (px) auch einen Prozentsatz (%) angeben.
  • Typ Höhe: ##px; um die Dicke der Linie anzuzeigen. Ersetzen Sie ## durch die Anzahl der Pixel, die die Linie dick sein soll.
  • Typ Hintergrundfarbe: ##; um die Farbe der Linie anzuzeigen. Ersetzen Sie ## durch den Namen der Farbe oder durch eine Raute (#) gefolgt von einem hexadezimalen Farbcode.
  • Typ Rand-rechts: ##px; um die Anzahl der Pixel von rechts anzuzeigen.Ersetzen Sie ## durch die Anzahl der Pixel oder "Wagen".Typ "Wagen" um die Linie nach links auszurichten oder zu zentrieren.
  • Typ Rand-links: ##px; um die Anzahl der Pixel vom linken Rand anzuzeigen.Ersetzen Sie ## durch die Anzahl der Pixel oder "Wagen".Typ "Wagen" um die Linie rechts auszurichten oder zu zentrieren.
  • Typ Rand oben: ##px; um einen oberen Rand für die Linie anzugeben. Ersetzen Sie ## durch die Linienstärke in Pixel.
  • Typ Rand unten: ##px; um einen unteren Rand für die Linie anzugeben. Ersetzen Sie ## durch die Linienstärke in Pixel.
  • Typ Rahmenbreite: ##px; um einen Rahmen um die Linie zu erstellen (optional). Ersetzen Sie ## durch die Randdicke in Pixel.
  • Typ Randfarbe: ##; um die Farbe der Umrandung um die Linie anzuzeigen (optional).Ersetzen Sie ## durch den Namen der Farbe oder eine Raute (#) gefolgt von einem hexadezimalen Farbcode.
    Bildtitel 658928 14 1
  • 6. Typ } nach Stileinstellungen. Schließt die Stileinstellungen für die
    Bildtitel 658928 15 1
    7. Typ irgendwo im Körper Ihres HTML-Dokuments.Fügt Ihrem HTML-Dokument eine horizontale Linie hinzu.Ihre CSS-Stileinstellungen gelten, wenn Sie die

    Оцените, пожалуйста статью