Wie man den Header mit CSS H1 H2-Stil

Headerelemente, z. B. eine Überschrift Seite formatieren ist mithilfe von cascading Stylesheets (CSS) ein relativ einfacher Prozess. CSS können Sie Stilinformationen wie Schriftart, Farbe und Größe angeben. Mithilfe von CSS mit bestimmten Überschriften-Tags (ex: H1, H2), kann man mehrere Überschriften auf einer Seite, jede mit ihren eigenen einzigartigen Stil. Eine einfache Möglichkeit, dieses CSS implementieren ist Inline, oder innerhalb der Überschriften-Tags.

Anweisungen

1 Öffnen Sie die HTML-Datei enthält die Header und Header-Elemente, die Sie Stil möchten. Eine integrierte Entwicklungsumgebung (IDE) bietet umfangreiche Funktionen beim Bearbeiten von Code, jedoch einen einfachen Text-Editor wie Notepad ausreichen wird.

2 Navigieren Sie zu der Header der Seite. Dieser Abschnitt ist am oberen Rand der Seite und enthält oft Elemente, z. B. einen Seitentitel und Menü. Es wird oft von "Head"-Tags definiert:

Content-< Head >... < / Head >

3 Geben Sie die gewünschten Überschriften in der Kopfzeile mithilfe des HTML-Überschriften-Tags (H1, H2 usw.). Sie können mehrere HTML-Überschriften-Tags deklarieren. Zum Beispiel:

< h1 > Dies ist eine Test-Überschrift < / h1 >

< h2 > das ist ein weiterer Test Überschrift < / h2 >

Achten Sie darauf, die richtige Syntax verwenden (als Steuer, schließen Tag mit "/") im Code.

4 Geben Sie die folgenden Codeelemente, getrennt durch Semikolons, den Stil einer Überschrift an. Einige Beispiel-Stilelemente sind unten:

Farbe - "Farbe: Farbe hier eingeben (Ex: rot)"

Schriftgröße - "Schriftgröße: Geben Sie hier die Größe (Ex: 20px)"

Ausrichten von Text - "Text-align: Position eingeben (Ex: Mitte)"

Verwenden Sie folgende Syntax (Stil = "...") nach dem ersten Header-Tag einen bestimmten Stil festlegen. Zum Beispiel:

< h1 Stil = "Farbe: rot; Schriftgröße: 20px; Text-align: center; " > Testen Sie Überschrift < / h1 >

Dies würde "Ted Überschrift" in der Mitte der Seite anzeigen, mit roter Schrift und eine Größe von 20 px.

5 Speichern Sie alle Änderungen, die Sie Ihren Code vorgenommen.