Podstawowym elementem języka HTML jest zestaw znaczników odpowiedzialnych za formatowanie tekstu. W swojej pierwotnej wersji HTML bazował przede wszystkim na tekście, dopiero później został wzbogacony o grafikę czy animacje. Możemy określać następujące parametry dla czcionki:

• krój
• wielkość
• kolor
• styl

W specyfikacji HTML 4.0 znaczniki odpowiedzialne za wygląd czcionek np. <FONT> czy <B>, zostały prawie całkowicie zastąpione przez kaskadowe arkusze stylów. Wciąż jednak ze starych znaczników, znacznie prostszych, korzysta większość osób, a przeglądarki nadal je obsługują.

Od wersji HTML 3.2 można już wybierać dokładnie czcionkę, w której strona ma być wyświetlana. W przypadku, gdy użytkownik nie ma podanej czcionki, tekst zostanie wyświetlony w domyślnej. Do zmiany czcionki używamy znacznika:

<FONT FACE="nazwa_czcionki1">, gdzie nazwa_czcionki1 jest pierwszą z wybranych czcionek; można podać kolejną czcionkę po przecinku w razie, gdy użytkownik nie ma pierwszej tekst zostanie wyświetlony w drugiej itd.

Tu wpisujemy nasz tekst

UWAGI:

• Znacznik FONT jest także wykorzystywany do zmiany rozmiaru i koloru tekstu. Można razem używać wszystkich atrybutów w jednym znaczniku, np.: <FONT SIZE=11 FACE="Garamond Bold" COLOR="red"&;gt

<B></B> - znaczniki odpowiadające za pogrubioną czcionkę.

Przykład:

<B>Tekst napisany pogrubioną czcionką</B>

Tekst napisany pogrubioną czcionką

<I></I> - wypisuje tekst kursywą.

Przykład:

<I>Tekst pisany kursywą</I>

Tekst pisany kursywą

UWAGI:

• Można wykorzystać mniej popularne znaczniki <EM> oraz <STRONG>, które zaznaczają tekst jako mocny (STRONG) lub wyróżniają go (EM). Najczęściej tekst EM jest wypisany kursywą a STRONG czcionką pogrubioną.

Rozmiar czcionki całego tekstu można zmienić za pomocą znacznika BASEFONT. Wartość wpisana w znaczniku BASEFONT podawana jest w odniesieniu do domyślnego rozmiaru określonego w przeglądarce.

<BASEFONT SIZE="n">, gdzie n jest liczbą od 1 do 7; wartość domyślna to 3.

Przykład:

<BASEFONT SIZE=5>

Jeśli chcemy zmienić rozmiar tylko fragmentu tekstu, możemy to zrobić na dwa sposoby: podając konkretną wielkość lub określając czy wybrany fragment będzie większy czy mniejszy od otaczającego go tekstu. Oczywiście wyniki będą zależały od domyślnych ustawień przeglądarki.

<FONT SIZE="n">, gdzie n jest liczbą od 1 do 7

UWAGI:
• Wartość 3 wielkości czcionki jest najczęściej domyślną dla przeglądarek, zazwyczaj jest to 12-punktowa czcionka Times New Roman.

Znaczniki BIG i SMALL służą do zmiany rozmiaru czcionki, kilku słów lub zdań, względem otaczającego tekstu.

PRZYKŁAD<BIG>PRZYKŁAD</BIG> PRZYKŁAD

PRZYKŁAD PRZYKŁAD PRZYKŁAD

PRZYKŁAD<SMALL> PRZYKŁAD</SMALL> PRZYKŁAD

PRZYKŁAD PRZYKŁAD PRZYKŁAD

Można także zmienić wielkość na przykład kilku liter względem otaczającego tekstu za pomocą znacznika FONT i jego atrybutu SIZE:

<FONT SIZE=+n lub -n</FONT>, gdzie n określa, o jaką wartość dany tekst ma być większy lub mniejszy.

czcionka <FONT SIZE=+3>większa</FONT> od pozostałej

czcionka większa od pozostałej

czcionka <FONT SIZE=-3>mniejsza</FONT> od pozostałej

UWAGI:
• Jeśli znaczniki BIG, SMALL lub FONT użyte są kilka razy dodają się one do siebie, np. <BIG><BIG> wielki tekst</BIG></BIG>

Aby zmienić domyślny kolor tekstu na stronie WWW, wewnątrz znacznika BODY należy użyć atrybutu TEXT, później można zmieniać kolor poszczególnych fragmentów znacznikiem FONT.

UWAGI:
• Atrybut TEXT zmienia kolor całego tekstu, a znacznik FONT z atrybutem COLOR poszczególnych liter czy słów.

Jest możliwość zmiany koloru tylko fragmentu tekstu pozostawiając resztę domyślną wstawiając znacznik FONT oraz atrybut COLOR.

<FONT COLOR="kolor">, gdzie kolor może być jednym z predefiniowanych kolorów lub szesnastkową liczbą oznaczającą kolor.

Przykład:

<FONT COLOR="blue">NIEBIESKI</FONT>

<FONT COLOR="green">ZIELONY</FONT>

UWAGI:
• Znacznik FONT/COLOR ma większy priorytet niż BODY/TEXT

Czasem chcemy zapisać jakąś liczbę lub literę nieco niżej lub wyżej otaczającego tekstu, taki zabieg nazywamy odpowiednio indeksem dolnym lub górnym. Znacznik SUB wypisuje indeks dolny, a SUP górny.

Przykład<SUB>indeksu dolnego</SUB>

Przykład_{indeksu dolnego}

Przykład <SUP>indeksu górnego</SUP>

Przykład^{indeksu górnego}

<STRIKE>Tekst przekreślony</STRIKE>

Tekst przekreślony

Można wyróżnić tekst poprzez wyświetlenie go czcionką o stałej szerokości. Przydatne jest to przy prezentowaniu na stronie kodów programów komputerowych lub adresów URL. Mamy do wyboru kilka znaczników:

<TT> - ang. typewriter text czyli tekst pisany na maszynie

<CODE> - służy do wyświetlania kodów programów komputerowych

<KBD> - używany do wyświetlania prezentacji instrukcji podawanych z klawiatury

<SAMP> - do wyświetlania przykładowego tekstu

UWAGI:
• Czcionka o stałej szerokości nie wygląda zbyt ładnie, dlatego nie jest często stosowana.
• Aby wypisać kilka linii czcionka o stałej szerokości najlepiej użyć znacznika <PRE></PRE>.

Tekst migający widoczny jest tylko w przeglądarce firmy Netscape. Znacznik BLINK powoduje, że zaznaczony tekst jest bardziej widoczny. Znacznik ten jest używany tylko do tekstu.

<BLINK>Migajacy tekst</BLINK>

Stosowanie komentarzy jest bardzo przydatne w pracy nad dokumentami HTML. Ułatwiają poruszanie się po kodzie dokumentu. Są wyświetlane tylko w kodzie dokumentu HTML i nie są widoczne dla użytkownika. Komentarze warto stosować na przykład w celu przypomnienia o uaktualnieniu poszczególnych sekcji. Komentarze umieszcza się w następujący sposób:

<!-- Tutaj znajduje się komentarz-->