Das HTML - Style - Attribut
Einstellen des Stils eines HTML - Element, mit dem geschehen style - Attribute.
Das HTML - style - Attribut hat die folgende Syntax:
style=" property : value; "Die property ist eine CSS - Eigenschaft. Der value ist ein CSS - Wert.
Sie werden mehr über CSS lernen später in diesem Tutorial.
HTML Hintergrundfarbe
Die background-color Eigenschaft definiert die Hintergrundfarbe für ein HTML - Element:
In diesem Beispiel wird den Hintergrund für eine Seite hellgrau:
Beispiel
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body> Versuch es selber " HTML Textfarbe
Die color Eigenschaft definiert die Textfarbe für ein HTML - Element:
Beispiel
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p> Versuch es selber " HTML Fonts
Die font-family - Eigenschaft definiert die Schriftart für ein HTML - Element verwendet werden:
Beispiel
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p> Versuch es selber " HTML Text Größe
Die font-size Eigenschaft definiert die Textgröße für ein HTML - Element:
Beispiel
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p> Versuch es selber " HTML Textausrichtung
Die text-align Eigenschaft definiert die horizontale Textausrichtung für ein HTML - Element:
Beispiel
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p> Versuch es selber " Kapitelzusammenfassung
- Verwenden Sie das style - Attribut für Styling - HTML - Elemente
- Verwenden Sie background-color für Hintergrundfarbe
- Verwenden Sie color für Textfarben
- Verwenden Sie font-family für Text - Fonts
- Verwenden Sie font-size für Textgrößen
- Verwenden text-align für Textausrichtung
Testen Sie sich mit Übungen!
Aufgabe 1 » Übung 2» Exercise 3 » Exercise 4» Exercise 5 » Exercise 6»