Gewusst wie: Zeichnen von Linien in HTML

September 25

Gewusst wie: Zeichnen von Linien in HTML

Genau wie Bücher Kapitel haben, können Sie Webseiten in Abschnitte unterteilt. Dies kann erreicht werden, indem man trennt den Inhalt mithilfe von Linien. Die Linien werden sichtbar, sobald die richtige HTML-Tags im Code einer Seite hinzugefügt werden. Die Linien sind auch anpassbar, einschließlich ihrer Breite, Höhe und Positionierung.

Anweisungen

1 Starten Sie einen HTML-Editor. Verwenden Sie einen Text-Editor, wenn einer nicht verfügbar ist. TextEdit (Mac) und Notepad (Windows) kommen auf Apple und Microsoft-Betriebssystemen vorinstalliert.

2 Wählen Sie "Datei" und "Open" von Navigation im Programmfenster. Wählen Sie "Neu", wenn Sie eine neue HTML-Datei erstellen. Wählen Sie "Öffnen" und suchen Sie nach Ihrer archivierten HTML-Datei, wenn Sie eine Veränderung sind.

3 Suchen Sie die Stelle Sie eine Zeile hinzufügen. Fügen Sie folgenden Code in den Körper des HTML-Codes: < hr / >. "hr" steht für horizontale Linie. Dieser Code wird eine Linie von einem Ende des Körpers oder der Tabelle der Seite auf die andere stellen.

4 Anpassen des "hr"-Tags. Es gibt vier Attribute auf den Standardzustand des "hr"-Tags ändern: ausrichten (Links, Mitte, rechts), Noshade, Größe (Pixel) und Breite (Pixel). Richten Sie Positionen der horizontalen Regel auf der Seite aus. Noshade entfernt den Schlagschatten. Größe entspricht die Höhe der horizontalen Regel, während Breite bedeutet, wie lange es dauert. Ein angepasste "hr"-Tag könnte wie folgt aussehen:

< hr align = "center" Noshade = "Noshade" Size = "3" Breite = "15" / >

5 Speichern Sie das HTML-Dokument. Laden Sie die Datei auf Ihren Webserver. Vorschau anzeigen Sie, um sicherzustellen, dass die Zeile wird angezeigt, nach Ihren Wünschen.

6 Öffnen Sie ein Grafikbearbeitungsprogramm. Erstellen Sie eine Volltonfarbe-Bild, das ein Pixel durch ein Pixel misst. Speichern Sie als JPG-Datei. Laden Sie sie auf Ihrem Webserver. Beachten Sie die Image-Datei-Pfad.

7 Öffnen Sie das HTML-Dokument zu bearbeiten. Platzieren Sie das Bild mithilfe eines HTML-Tags die Linie angezeigt werden soll: < Img Height = "2" Width = "500" >

Vertikale Linie: < Img Height = "300" Width = "1" >

Die Nummern zugeordnet "Höhe" und "Breite" sind einstellbar.

9 Speichern Sie das HTML-Dokument. Auf den Webserver hochladen. Vorschau zum sicherstellen, dass die Linien erscheinen, wie beabsichtigt.