Najnowsze tutoriale tworzenie stron internetowych

Style HTML

Style HTML

I am red

I am blue

Spróbuj sam "

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»