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>
Przykład
Tekst czcionką wielkości small
<p style="font-size: large;">Tekst czcionką wielkości large</p>
Przykład
Tekst czcionką wielkości large
<p style="font-size: 2.0em;">Tekst czcionką wielkości 2em</p>
Przykład
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>
Przykład
Tekst czcionką Arial
<p style="font-family: verdana;">Tekst czcionką Verdana</p>
Przykład
Tekst czcionką Verdana
<p style="font-family: 'times-new-roman';">Tekst czcionką Times New
Roman</p>
Przykład
Tekst czcionką Times New Roman