HTML-Tutorial für Padding

October 10

(HTML = HyperText Markup Language) ermöglicht es Ihnen, mithilfe des Abstandes, die schafft einen Raum zwischen dem Inhalt und dem Rahmen des Elements, die es zugewiesen wird. Beispielsweise wenn Sie Abstand in einer Tabellenzelle festlegen, tritt der Raum zwischen den Daten und der Rand der Tabelle. Verwendung von Cascading Style Sheets (CSS) in Verbindung mit Ihrem HTML-Code, erfahren Sie wie Sie Abstand zu verwenden, um ein besser aussehendes Layout in Ihrem HTML-Dokument zu erstellen.

Anweisungen

1 Die Text-Editor-Anwendung, die mit Ihrem Computer zu starten und eine neue Seite erstellen oder eine vorhandene öffnen.

2 Geben Sie einen CSS-Stil-Platzhalter innerhalb der "< Leiter >< / Kopf >" Teil Ihres HTML-Dokuments wie folgt:< Head >< Typ style = "Text/Css" >< / style >< / head >

3 Geben Sie eine Auswahl zwischen den "< Stil >< / style >" Tags, die das Seitenelement benennt, die Sie das Polsterung Verhalten zugewiesen werden soll. Geben Sie z. B. "Körper", um Ihre gesamte Seite zu steuern, oder geben Sie "p", um nur die Absätze zu verwalten. Fügen Sie öffnende und schließende geschweifte Klammern nach dem Eintrag. Zur Veranschaulichung:< Typ style = "Text/Css" >Körper {}< / style >

4 Geben Sie "Padding-Top", "Padding-Bottom," "Padding-Right" und "Padding-Left" Deskriptoren, die nennen, wo der Raum auftritt. Geben Sie einen Zahlenwert in Pixeln (px), nach jeder Eingabe. Der vollständige Code sieht nun folgendermaßen aus:< Head >< Typ style = "Text/Css" >Körper {Padding-Top: 15px; Padding-Bottom: 15px; Padding-Right: 10px; Padding-Links: 10px;}< / style >< / head >

5 Speichern Sie die Datei und starten Sie einen Web-Browser. Klicken Sie die Option "Öffnen" oder "Datei öffnen" unter "Datei" im Menü des Browsers Ihr HTML-Dokument mit der Polsterung anzeigen. Bearbeiten Sie die Zahlen, die in Schritt 4 zugewiesen, die Abstände anpassen, falls nötig.