Jak Zwiększyć Czcionkę W Html

Spisu treści:

Jak Zwiększyć Czcionkę W Html
Jak Zwiększyć Czcionkę W Html

Wideo: Jak Zwiększyć Czcionkę W Html

Wideo: Jak Zwiększyć Czcionkę W Html
Wideo: Kurs html #4 Zmieniamy czcionkę, kolor i wielkość liter 2024, Może
Anonim

Zwiększenie czcionki HTML jest możliwe dzięki specjalnym znacznikom, które pozwalają kontrolować parametry tekstu wyświetlanego na ekranie. Podobne ustawienia wyświetlania są zaimplementowane w CSS, którego kod można łatwo zintegrować z edytowaną stroną.

Jak zwiększyć czcionkę w html
Jak zwiększyć czcionkę w html

Aby edytować tekst źródłowy dokumentu z rozszerzeniem.html, otwórz używany edytor tekstu (na przykład Notatnik). Kliknij "Plik" - "Otwórz" i określ ścieżkę do strony, której kod chcesz zmienić. Następnie naciśnij klawisz Enter na klawiaturze i rozpocznij edycję żądanej sekcji dokumentu.

HTML

Zmiana rozmiaru czcionki odbywa się za pomocą uchwytu. W ramach tego tagu możesz ustawić niezbędne parametry dotyczące wysokości liter i ich kolorów. Tekst zawarty między elementami otwierającymi i zamykającymi zostanie wyświetlony zgodnie z dokonanymi ustawieniami:

Dowolny tekst

Litery wpisane pomiędzy i będą miały rozmiar 15 ze względu na podany parametr rozmiaru.

Zapisz zmiany, aby zastosować parametry. Możesz zamknąć okno edytora i dwukrotnie kliknąć stronę HTML, aby otworzyć ją w oknie przeglądarki. Możesz także kliknąć dokument prawym przyciskiem myszy i wybrać „Otwórz za pomocą”, aby uruchomić go w przeglądarce internetowej. Wybierz swoją przeglądarkę z listy określonych programów.

CSS

Korzystanie z kaskadowych arkuszy stylów pozwala dostosować ustawienia czcionek. Za pomocą kodu można zmienić ustawienia wyświetlania zarówno całego tekstu wyświetlanego na stronie, jak i poszczególnych elementów (np. nagłówków). CSS można określić w treści dokumentu (), ale najwygodniej jest zapisać niezbędne dyrektywy w deskryptorze, umieszczając polecenia w znaczniku.

Atrybut font-size odpowiada za zmianę parametrów rozmiaru czcionki. Opisywana wartość może być określona w pikselach (px), punktach (pt) i procentach (%). Na przykład:

Zmiana rozmiaru czcionki

treść {rozmiar czcionki: 13 pkt; }

h1 {rozmiar czcionki: 200%; }

p {rozmiar czcionki: 15px; }

W tym przykładzie rozmiar tekstu wprowadzonego w treści strony wynosi 13 punktów. Wszelkie litery pomiędzy tagami zostaną powiększone 2 razy (100% oryginalnego rozmiaru). Tekst określony między deskryptorami będzie miał 15 pikseli. Należy zauważyć, że parametry ustawione dla każdego elementu strony osobno będą miały pierwszeństwo przed bardziej ogólnymi wartościami. Na przykład:

Zwykła czcionka akapitu

Zmieniony akapit

Z reguły tekst pomiędzy tagami powinien mieć rozmiar 15px. Jednak czcionka w drugim akapicie będzie miała rozmiar 18, ponieważ kod w treści dokumentu zwykle ma pierwszeństwo przed ogólnymi ustawieniami w.

Zalecana: