Styling Header Elemente , wie eine Kopfzeile mit Cascading Style Sheets (CSS ) ist ein relativ einfacher Prozess . CSS ermöglicht es Ihnen, Style-Informationen , wie z. B. Schriftart , Farbe und Größe angeben . Durch die Verwendung von CSS mit bestimmten Überschriften-Tags (ex : H1, H2) , können Sie mehrere Überschriften auf einer Seite haben , jede mit ihren eigenen einzigartigen Stil. Ein einfacher Weg , um dieses umzusetzen CSS ist inline oder in den Überschriften-Tags . Anleitung
1
Öffnen Sie die HTML -Datei, die die Kopf-und Header Elemente, die Sie wollen Stil enthält . Eine integrierte Entwicklungsumgebung (IDE ) bietet wesentliche Funktionen bei der Bearbeitung der Code jedoch ein einfacher Texteditor wie Notepad genügt.
2
Navigieren Sie zu der Kopfzeile der Seite . Dieser Abschnitt ist am oberen Rand der Seite und enthält häufig Elemente wie Seitentitel und Menü. Es wird oft von "Kopf" -Tags definiert:
Content ...
3
Geben Sie die Überschriften , die Sie in der Kopfzeile indem Sie die Überschriften HTML-Tag (H1, H2 etc.). Sie können erklären, mehrere HTML-Überschriften -Tags. Zum Beispiel:
Dies ist ein Test Überschrift < /h1 >
Dies ist ein weiterer Test Überschrift < /h2>
Achten Sie darauf, mit geeigneten Syntax (als Steuer-, close -Tag mit "/") über den gesamten Code .
4
Geben Sie den folgenden Code-Elemente , durch ein Semikolon getrennt , um den Stil einer Überschrift angeben . Einige Beispiel Stilelemente sind unten:
Farbe - "color: Geben Sie hier die Farbe (Ex : rot) "
Font Size - "font-size : Geben Sie hier Größe (Ex : 20px ) "
Text ausrichten - "text-align : Position (Ex : Mitte) "
die folgende Syntax ( style = "...") Verwenden Sie nach dem ersten Header-Tag um eine bestimmte angeben Stil . Zum Beispiel:
Test- Überschrift < /h1 >
Dies würde zeigen " Ted Unterwegs " in der Mitte der Seite mit roter Schrift und einer Größe von 20 Pixel .
5
speichern alle Änderungen an Ihrem Code vorgenommen .