Formatowanie tekstu w HTML

Tworząc HTMLa programiści chcieli, aby łatwo można było w nim formatować teksty. W ten sposób powstać musiały znaczniki opisujące formatowanie czcionek. Pierwszym i najważniejszym z nich jest znacznik <font>. Posiada on następujące atrybuty:

• size - wielkość czcionki; możliwe wartości: 1-7
• face - krój czcionki; możliwe wartości: nazwa czcionki lub nazwy czcionek oddzielone przecinkami
• color - kolor czcionki; możliwe wartości: nazwy kolorów lub tryplet szesnastkowy

Jak już pewnie zauważyłeś, czytając informacje o atrybutach, znacznik <font> używany jest do podstawowego formatowania czcionki, czyli do ustalania jej wielkości, kroju i koloru. Wielkość czcionki jest względna, ponieważ ustawiając w przeglądarce wielkość liter na inną, zmienią one swoją wielkość. Aby wyeliminować takie niespodzianki należy wszelkie wielkości deklarować w stylach, o których jest w dalszym rozdziale.

Do pogrubiania czcionki służy znacznik <b>. Nie posiada on żadnych atrybutów, oprócz tych, które omówię w późniejszym rozdziale, czyli stylach. Do podkreślenia służy <u>, a do pochylenia <i>. Inne znaczniki formatujące tekst:

• <tt> - czcionka tej samej szerokości
• <cite> - cytat książkowy
• <code> - wydruk kodu
• <dfn> - definicja wyrazu
• <em> - styl logicznego nacisku
• <kbd> - tekst z klawiatury
• <samp> - przykładowy tekst
• <strong> - silniejszy nacisk
• <var> - zmienna

Aby ustalić stałą czcionkę na stronie należy użyć znacznika <basefont> posiadającą atrybuty takie same jak <font>.

Oczywiście teraz W3C zaleca, aby nie używać żadnego z tych znaczników na stronie. Wszystko należy formatować w stylach, jednak dobrze jest, jeżeli webmaster zna wszystkie znaczniki z HTMLa.

W tym rozdziale postanowiłem omówić też znacznik <marquee>, który co prawda nie formatuje tekstu, ale daje dość ciekawy efekt, czyli przesuwanie tekstu po ekranie. Oto jego atrybuty:

• direction - kierunek przesuwania; możliwe wartości: left i right; domyślnie - left
• height - wysokość toru przelotu; wartość podawana w pikselach
• width - szerokość toru przelotu; wartość podawana w pikselach
• hspace - dodatkowy odstęp w poziomie; wartość podawana w pikselach
• vspace - dodatkowy odstęp w pionie; wartość podawana w pikselach
• bgcolor - kolor tła; wartością może być nazwa koloru lub tryplet szesnastkowy
• scrollamount - odległość przesuwana na jednostkę czasu; wartość podawana w pikselach
• scrolldelay - opóźnienie przesuwania; wartość podawana w milisekundach.