Rozmiar tekstu w HTML: reguły formatowania

HTML to hipertekstowy język znaczników używany do formatowania dokumentów internetowych. Zapewnia podstawowe funkcje organizowania struktury dokumentu, a także podstawowe opcje układu strony. W tym artykule omówimy szczegółowo, jak zmienić rozmiar tekstu w HTML. Dowiedz się, w jakich przypadkach możliwe jest użycie tylko HTML i kiedy lepiej jest używać arkuszy stylów CSS.

Zmień rozmiar za pomocą tagu

Istnieje kilka różnych sposobów zmiany rozmiaru tekstu w HTML. Te funkcje są zarówno językiem znaczników WWW, jak i łączą się z dokumentem arkusza stylów CSS. Pierwszym sposobem na zwiększenie lub zmniejszenie tekstu na stronie jest użycie tagu. Składnia tego znacznika będzie następująca:

Tekst przykładu

Przyjrzyjmy się temu przykładowi bardziej szczegółowo. Jak widać, oto trzy atrybuty tagu, które pozwalają ustawić zestaw słuchawkowy, rozmiar i kolor tekstu HTML.

& lt; script async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
& lt ;! - fb_336x280_mid - & gt;

& lt; skrypt & gt; (adsbygoogle = window.adsbygoogle || []). push ({});

Rozmiar odpowiada rozmiarowi - pozwala ustawić rozmiar tekstu w standardowych jednostkach. Średnia wartość tego parametru wynosi 3. Odpowiednio, może być ustawiona w jednostkach bezwzględnych (czyli 174 itd.), Względnie - za pomocą znaków plusa lub minusa (+3 -2). W drugim przypadku rozmiar tekstu zostanie zmieniony w stosunku do podstawy.

Atrybut koloru pokazuje, którekolor będzie tekstem, a twarz odpowiada za zestaw słuchawkowy (czcionka). Tak więc tekst na przykładzie standardowego rozmiaru medium, kolor zielony, jest zapisany czcionką Georgia.

W nowoczesnych przeglądarkach ten sposób zmiany rozmiaru tekstu w HTML prawie zawsze działa, ale ta metoda jest uważana za nieaktualną - zalecamy użycie możliwości formatowania CSS.

& lt; script async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
& lt ;! - fb_336x280_mid2 - & gt;

& lt; skrypt & gt; (adsbygoogle = window.adsbygoogle || []). push ({});

Inne sposoby zmniejszania i powiększania tekstu w HTML

Aby zmienić rozmiar tekstu w HTML, stosowane są znacznikii .

Znaczniki te są używane w następujący sposób:

Tekst będzie większy
Tekst będzie mniejszy

Co ciekawe, aby tekst był bardziej lub mniejszy, znacznik można powtórzyć kilka razy.

Tekst ten zostanie jeszcze bardziej zwiększony  

Oprócz tych dwóch tagów możliwe jest użycie do zmiany rozmiaru tekstu w HTML nagłówki (na przykład H1 w celu ustawienia dużego tekstu, a H6 w celu zmniejszenia jego rozmiaru). Jednak nie jest to zalecane, ponieważ nagłówek strukturyzuje jednostkę strony internetowej, a użycie jej do formatowania wizualnego może utrudnić indeksowanie witryny i jej dostępność.

Zmiana rozmiaru tekstu za pomocą CSS

Aby zmienić rozmiar tekstu, zalecamy używanie narzędzi CSS. Składnia będzie wyglądać następująco:

p {
rozmiar czcionki: 11pt;
}


Metoda ta jest znacznie bardziej dostępna pojemność. Można zmienić rozmiar tekstu w różnych jednostkach, takich jak punkty (PT), piksele (px), odsetki i inne. Metoda ta jest stosowana bezpośrednio za pomocą znacznika w treści dokumentu HTML lub zewnętrznego arkusza stylów dołączony jako osobny plik z linkiem do dokumentu. Deweloperzy są zgodni w opinii, że z punktu widzenia optymalizacji i krosbrauzernosti obecnie na lepsze wykorzystanie możliwości stylizacji i projektowania CSS i HTML, aby zachować swoją pierwotną funkcję Hypertext Markup Language. Tak, spotkaliśmy się z kilku różnych sposobów, aby zmienić rozmiar tekstu w dokumentach HTML. Który z nich korzystać - w zależności od potrzeb i żądanej strony funkcjonalności.

Powiązane publikacje