HTML Style Atrybut
Ustawianie stylu elementu HTML, można zrobić z style atrybutu.
Atrybut style HTML ma następującą składnię:
style=" property : value; "
property jest własnością CSS. value jest wartością CSS.
Dowiesz się więcej na temat CSS w dalszej części tego podręcznika.
HTML Kolor tła
background-color właściwość określa kolor tła dla elementu HTML:
Ten przykład ustawia tło dla strony do jasnoszary:
Przykład
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Spróbuj sam " Tekst HTML Kolor
color właściwość określa kolor tekstu elementu HTML:
Przykład
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Spróbuj sam " HTML Czcionki
font-family właściwość określa czcionki mają być stosowane do elementu HTML:
Przykład
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Spróbuj sam " HTML Rozmiar tekstu
font-size właściwość określa wielkość tekstu dla elementu HTML:
Przykład
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Spróbuj sam " HTML Wyrównanie tekstu
text-align właściwość określa poziome wyrównanie tekstu do elementu HTML:
Przykład
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
Spróbuj sam " Podsumowanie rozdziału
- Użyj style atrybut elementów stylizacji HTML
- Użyj background-color na kolor tła
- Użyj color dla kolorów tekstu
- Użyj font-family dla czcionek tekstowych
- Użyj font-size na rozmiar tekstu
- Użyj text-align dla wyrównania tekstu
Sprawdź się z ćwiczeniami!
Zadanie 1 » ćwiczenia 2» Zadanie 3 » ćwiczenia 4» ćwiczenia 5 » ćwiczenia 6»