2

kurs

html

Lekcja 10: Wielkość, kolor, rodzaj czcionki

html

W pliku HTML lokalnie możemy nadać formatowanie poszczególnym akapitom. W tej lekcji dodamy styl definiujący wielkość, kolor oraz rodzaj czcionki.

Wielkość czcionki

Rozmiar czcionki uzyskamy poprzez nadanie akapitowi stylu font-size:

<p style="font-size: small;">Tekst czcionką wielkości small</p>
<p style="font-size: large;">Tekst czcionką wielkości large</p>
<p style="font-size: 2.0em;">Tekst czcionką wielkości 2.0em</p>
Przykład

Tekst czcionką wielkości small

Tekst czcionką wielkości large

Tekst czcionką wielkości 2.0em

Kolor czcionki

Kolor czcionki uzyskamy poprzez nadanie akapitowi stylu color:

<p style="color: green;">Tekst czcionką koloru zielonego</p>
Przykład

Tekst czcionką koloru zielonego

Wykaz podstawowych kolorów.

  • black (czarny)
  • white (biały)
  • red (czerwony)
  • blue (niebieski)
  • green (zielony)
  • silver (srebrny)
  • gray (szary)
  • yellow (żółty)
  • purple (purpurowy)
  • maroon (kasztanowy)
  • olive (oliwkowy)
  • lime (limonkowy)
  • aqua (morski)
  • teal (teal)
  • navy (granatowy)

Rodzaj czcionki

Rodzaj czcionki uzyskamy poprzez nadanie akapitowi stylu font-family:

<p style="font-family: arial;">Tekst czcionką Arial</p>
<p style="font-family: verdana;">Tekst czcionką Verdana</p>
<p style="font-family: 'times-new-roman';">Tekst czcionką Times New 
Roman</p>
Przykład

Tekst czcionką Arial

Tekst czcionką Verdana

Tekst czcionką Times New Roman

comments powered by Disqus

Do góry