Jak zmienić rozmiar czcionki w HTML

Wysokiej jakości układ strony ma główny cel - sprawić, by informacje na stronie były jak najbardziej czytelne i wygodne dla użytkownika. Praca z tekstem przez html jest główną i podstawową umiejętnością, którą musisz posiadać podczas pracy z witrynami. W tym artykule opisano szczegółowo, jak zmienić rozmiar tekstu za pomocą języka znaczników WWW.

Formatowanie tekstu za pomocą HTML jest łatwe.

Każdy, kto kiedykolwiek napotkał potrzebę tworzenia lub edytowania stron internetowych, najpierw zapytał, jak sformatować tekst, aby spełniał on pożądane wymagania. Istnieje wiele sposobów na wykonanie tego zadania, a najprostszym sposobem jest zrobienie tego bezpośrednio w ramach samej witryny przy użyciu języka znaczników. Po ustaleniu, jak zmienić rozmiar czcionki w html, w przyszłości nie będzie żadnych trudności.

W tym artykule opiszemy szczegółowo sposób formatowania czcionek w dokumentach HTML.

Ogólne zasady edytowania tekstu na stronach internetowych

Najpierw musisz dowiedzieć się, jakie możliwości formatowania tekstu dają nam html. Istnieją trzy główne cechy czcionki - jest to krój pisma (charakterystyka określająca wygląd liter i znaków), kolor i rozmiar. Czytelność każdego dokumentu zależy od tego, jak dobrze te cechy są połączone.

Charakterystyka tekstu w znacznikach HTML zmienia się za pomocą znaczników i atrybutów. Znacznik jest głównym składnikiem języka, jego główną jednostką logiczną, a atrybut służy do ustawiania określonej wartości dla każdego elementu strony oznaczonego tagiem.

Należy również pamiętać, że wyświetlanie tekstu może się różnić w przypadku korzystania z różnych przeglądarek, dlatego przed zakończeniem pracy na stronie należy upewnić się, że informacje są wyświetlane poprawnie we wszystkich głównych używanych przeglądarkach. Na przykład rozmiar czcionki w html podczas używania starszych wersji Internet Explorera może być różny w porównaniu do nowych wersji.

Tag

Główne znaczniki używane podczas formatowania tekstu na stronie internetowej to i .

Znacznik pair odpowiada za wszystkie cechy sformatowanego tekstu, które są ustawiane przy użyciu odpowiednich atrybutów. Ten znacznik jest najbardziej zrozumiały i łatwy w użyciu, gdy układ strony.

Ponieważ jesteśmy zainteresowani głównie zmianą rozmiaru czcionki w html, potrzebujemy użyć atrybutu size.

Wygląda to tak:

 Здесь располагается текст 

Wartość rozmiaru czcionki html jest ustawiana w jednostkach numerycznych od 1 (najmniejsza) do 7 (największa). Średnia wartość tradycyjnie wynosi 3 (odpowiada 13,5 w zestawie słuchawkowym Times New Roman).

Odpowiednio, jeśli dodamy poniższy kod do treści dokumentu, otwarcie strony w przeglądarce pokaże, w jaki sposób zmienia się rozmiar tekstu w zależności od ustawionej wartości.

 Размер шрифта 1 Размер шрифта 2 Размер шрифта 3 Размер шрифта 4 Размер шрифта 5 Размер шрифта 6 Размер шрифта 7 

Oprócz bezwzględnych wartości liczbowych można używać, w tym i względne. Ten znacznik jest również używany do tego. Rozmiar html, jak wspomniano powyżej, przyjmuje wartość domyślną o wartości 3, dlatego też począwszy od tego można dodawać lub odejmować całe wartości liczbowe, aby uzyskać pożądany wynik. Oto jak wygląda:

  Oto tekst 

Przy podanej wartości rozmiar czcionki będzie odpowiadał wartości 6. Możesz sprawdzić w przeglądarce, jak działa i eksperymentować z różnymi kombinacjami wartości numerycznych.

Za pomocą tagu możesz zmienić rozmiar i kolor czcionki w html. Aby zmienić kolor, użyj atrybutu koloru i szesnastkowego kodu koloru.

Aby dokonać niezbędnych zmian, atrybuty następują po sobie w treści jednego tagu , nie jest wymagane oddzielanie ich żadnymi znakami interpunkcyjnymi.

Tag

Ten tag ma szerszy zakres funkcji i cech niż . Zwykle jest używany w połączeniu z CSS do edycji i stylizowania określonych części dokumentu.

W przypadku tego znacznika wartości są ustawiane za pomocą atrybutu stylu. Oto jak wygląda kod:

 Здесь располагается текст 

Jak widać wprowadzono tutaj kod CSS (rozmiar czcionki), a rozmiar ustawia się za pomocą punktów (pt, point). Standardowa wartość jest przyjmowana jako wielkość 12 punktów, którą można zmienić, zwiększając lub zmniejszając o liczbę całkowitą.

Rozmiar czcionki zmienia się podczas formatowania nagłówków

Często chcesz zmniejszyć lub zwiększyć rozmiar czcionki w html podczas edycji nagłówków. W takim przypadku zadaniem jest nie tylko zmiana rozmiaru, ale także logiczne podświetlenie konkretnej części tekstu i oznaczenie jej jako tytułu bloku tekstowego.

W takim przypadku zaleca się stosowanie znaczników.

-

. Tag

- To jest nagłówek pierwszego poziomu. W przeglądarce będzie wyświetlany jako największy, a znaczniki z

do

używane do zaznaczania podpozycji.

Przykład kodu:

  Nagłówek pierwszego poziomu 

Zaleca się, aby zawsze używać tych tagów do projektowania nagłówków, ponieważ optymalizuje kod i jest syntaktycznie bardziej poprawny, a także nadaje pojedynczy styl całemu dokumentowi.

Specyficzne parametry tego znacznika są ustalane przez CSS - dzięki czemu można ustawić określoną wartość dla rozmiaru tekstu, jego koloru i kroju pisma.

Kilka ostatnich wskazówek

Sprawdziliśmy więc główne sposoby zmiany rozmiaru czcionki w html. Ta informacja wystarczy, aby stworzyć ładną stronę internetową o dobrej czytelności.

Dla wygody zwróć uwagę na następujące zalecenia:

• Z układem nie należy ograniczać się do środków html. Po opanowaniu podstaw budowania witryny możesz zacząć uczyć się CSS. To otworzy nowe horyzonty w tworzeniu stron internetowych.
• Nie możemy zaniedbać testowania gotowej witryny w różnych przeglądarkach i na różnych platformach. Jak już wspomniano powyżej, parametry tekstu mogą się znacznie różnić, szczególnie w przypadku używania nieaktualnych wersji przeglądarek.
• Powinieneś zawsze używać spacji i zakładek podczas pisania kodu. Ułatwia to czytanie i zrozumienie.
• Komentarze do kodu to nie tylko narzędzie do wygodnej percepcji, ale także znak dobrego smaku wśród programistów.