Formatowanie tekstu w HTMLu jest podstawową umiejętnością każdego webmastera. Estetyka całego dokumentu zależy także od właściwego koloru czcionki, od jej wielkości i typu. W tej lekcji nauczymy się, jak sprawnie operować fontami. Na początku muszę was przestrzec przed niestandardowymi czcionkami, czyli takimi, które zostały ściągnięte z Internetu i nie są fontami standardowymi ;]. Nigdy nie ustawiajcie takich czcionek jako fontów domyslnych całej strony, gdyż osoby, które takich samych czcionek nie ściągnęły, po prostu nie będą mogli ich oglądać, a zamiast tego pojawi im się zwykły Times New Roman. To była przestroga, a teraz zajmijmy się tagami. Do definiowania tekstu wymagany jest tag. Przyjrzymy się bliżej jemu i jego parametrom.
<FONT face="verdana">tekst</FONT>

Parametr face definiuje krój czcionki. We wstępie przestrzegałem przed niestandardowymi czcionkami, to teraz powiem jakie są najczęściej i najefektywniej używane. Kroje czcionek wstawiamy w cudzysłowia (jak zresztą we wszystkich parametrach).


» Verdana
» Comic Sans MS
» Tahoma
» Times New Roman (czcionka domyślna HTML)
» Courier
» Arial
» Arial Black

<FONT size="2">tekst</FONT>

W ten sposób definiujemy wielkość czcionki. 2 jest optymalną, jednak ja używam mniejszych (w tym kursie zastosowany jest rozmiar 1). Im wielkość czcionki bardziej wyważona, tym większa przejrzystość.
<FONT color="kolor">tekst</FONT>

W ten sposób definiujemy kolor tekstu. Jako kolor wstawiamy wartość trypletu szesnastkowego lub nazwę koloru po angielsku (ilość ograniczona :))

Wiemy już jak modyfikować parametry fontów, teraz zajmijmy się jej wyglądem:

Tekst zostanie pogrubiony - tekst.
<B>tekst</B>

Tekst zostanie pochylony - tekst.
<i>tekst</i>

Tekst zostanie podkreślony - tekst <u>tekst</u>

Tekst zostanie przekreślony - tekst. <STRIKE>tekst</STRIKE>

Indeks górny - ^tekst. <SUP>tekst</SUP>

Indeks dolny - _tekst. <SUB>tekst</SUB>

W języku HTML dopuszczalne jest również tzw. mieszanie tagów. Jako, że doszliśmy do momentu w którym można to zrobić, posłużę się następującym przykładem.

<FONT face="verdana" size=1 color=" Tekst będzie wyglądał tak:


[Powrót...]


_______________________________________________________________
Dodał: Machoni | Data: 26.05.2006 roku.