Wissen

So fügen Sie eine Zeile in HTML ein

Posted on
Autor: Laura McKinney
Erstelldatum: 8 April 2021
Aktualisierungsdatum: 16 Kann 2024
Anonim
So fügen Sie eine Zeile in HTML ein - Wissen
So fügen Sie eine Zeile in HTML ein - Wissen

Inhalt

In diesem Artikel: Fügen Sie eine Zeile in HTML 4.01 ein. Fügen Sie eine Zeile mit einer CSS-Datei und HTML5References ein

Sie können eine horizontale Linie verwenden, um den Inhalt Ihrer Website abzugrenzen. Der Code zum Anzeigen einer Zeile ist sehr einfach. Wenn Sie jedoch die Stile Ihrer Linie mit HTML 4.01 direkt im Code ändern können, ist dies mit HTML5 nicht identisch. Für letzteres müssen Sie die CSS-Komponenten verwenden, um die Stile zu ändern.


Stufen

Methode 1 Fügen Sie eine Zeile in HTML 4.01 ein



  1. Erstellen Sie ein neues Dokument. Öffnen oder erstellen Sie ein neues HTML-Dokument. HTML-Dokumente können mit einem E-Editor wie bearbeitet werden Notizblock. Sie können auch einen Code-Editor wie verwenden Adobe Dreamweaver. Gehen Sie folgendermaßen vor, um ein HTML-Dokument in einem Programm Ihrer Wahl zu öffnen:
    • offen Notizblock oder ein Herausgeber von E oder Code Ihrer Wahl;
    • Klicken Sie auf Datei ;
    • Klicken Sie auf offen ;
    • Wählen Sie eine HTML-Datei aus.
    • Klicken Sie auf offen.



  2. Fügen Sie die Zeile ein. Wählen Sie aus, wo Sie die Zeile einfügen möchten. Scrollen Sie nach unten, bis Sie die Codezeile finden, über der Sie Ihre Zeile einfügen möchten. Klicken Sie dann ganz links in die Zeile, um den Cursor genau am Zeilenanfang zu positionieren.




  3. Lass ein Leerzeichen. Doppeltippen Eintrag Bewegen Sie das e nach unten zu der Linie, über der Sie Ihre horizontale Linie platzieren möchten. Danach platzieren Sie den Cursor oben auf dem soeben erstellten Bereich.



  4. Fügen Sie den Tag hinzu
    .     Typ
    vor dem Zeilenanfang. Der Tag
    wird verwendet, um eine horizontale Linie über die Seite zu erstellen.



  5. Gehe zur Linie. Verschieben Sie die Linie vor dem Tag hr in einer neuen Zeile. Drücken Sie dazu Eintrag. Also das Etikett
    sollte auf seiner eigenen Linie isoliert werden.




  6. Attribute hinzufügen. Sie können Ihrer horizontalen Linie (falls gewünscht) Attribute wie Länge, Breite, Farbe und Ausrichtungsattribute hinzufügen. Verwenden Sie nach dem Tag die folgenden Codes hr in den Sparren. Sie können mehr als ein Attribut in einem Chevron hinzufügen, indem Sie sie durch ein Leerzeichen trennen.
    • Typ
      um die Dicke der Linie zu ändern. Ersetzen Sie # durch den gewünschten Wert für die Dicke (Beispiel: Größe = "10").
    • Typ
      um die Breite der Linie zu ändern. Ersetzen Sie # durch die Anzahl der Pixel für die Breite oder den Prozentsatz der Seitenbreite (Beispiel: width = "200" oder width = "75%").
    • Typ
      um die Farbe der Linie zu ändern. Ersetzen Sie # durch einen Farbnamen oder einen Hexadezimalcode (Beispiel: color = "red" oder color = "# FF0000")
    • Typ
      um die Ausrichtung der Linie zu verwalten. Ersetzen Sie # durch "rechts", "links" oder "Mitte" (Beispiel:
      ).



  7. Speichern Sie Ihre HTML-Datei. Um eine e-Datei als HTML-Dokument zu speichern, müssen Sie die Dateierweiterung ersetzen (.txt, .docx) von .html. Führen Sie die folgenden Schritte aus, um Ihr HTML-Dokument zu speichern:
    • Klicken Sie auf das Menü Datei ;
    • wählen Speichern als ... ;
    • Geben Sie einen Namen für die Datei neben ein Dateiname ;
    • Typ .html nach dem Dateinamen
    • Klicken Sie auf Rekord.



  8. Testen Sie Ihren Code. Um Ihre HTML-Datei zu testen, klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie Öffnen Sie mit. Wählen Sie dann einen Internetbrowser aus. An der Stelle, an der Sie das Tag platziert haben, sollte eine Linie erscheinen hr. Ihr HMTL-Code sollte folgendermaßen aussehen:

    Dies ist ein Titel

    Dies ist ein Absatz, der durch eine horizontale Linie vom Titel getrennt ist.

Methode 2 Fügen Sie eine Zeile mit einer CSS-Datei und HTML5 ein



  1. Erstellen Sie ein neues Dokument. Öffnen oder erstellen Sie ein neues HTML-Dokument. HTML-Dokumente können mit einem E-Editor wie bearbeitet werden Notizblock. Sie können auch einen Code-Editor wie verwenden Adobe Dreamweaver. Gehen Sie folgendermaßen vor, um ein HTML-Dokument in einem Programm Ihrer Wahl zu öffnen:
    • offen Notizblock oder ein Herausgeber von E oder Code Ihrer Wahl;
    • Klicken Sie auf Datei ;
    • Klicken Sie auf offen ;
    • Wählen Sie eine HTML-Datei aus.
    • Klicken Sie auf offen.



  2. Fügen Sie den Tag hinzu Kopf. Wenn Ihre HTML-Datei noch keinen Teil hat KopfBefolgen Sie die nachstehenden Schritte, um es hinzuzufügen. Das Teil Kopf ist zwischen den Tags und .
    • Typ am oberen Rand Ihres Dokuments.
    • Doppeltippen Eintrag um zwei neue Zeilen hinzuzufügen.
    • Typ um das Spiel zu schließen Kopf.



  3. Typ

    Dies ist ein Titel

    Dies ist ein durch eine horizontale Linie getrennter Absatz