Jak zmienić czcionkę w HTML

We wcześniejszych wersjach HTML znacznik czcionki został użyty do zdefiniowania i zmiany rozmiaru, koloru i stylu czcionki. Jednak HTML5 nie zaleca używania znacznika czcionki.
HTML5 dodał właściwości czcionek jako atrybut w elemencie. Właściwości obejmują styl czcionki, wielkość czcionki i kolor. Właściwości te wzmacniają estetykę czcionki w HTML. Ten artykuł ma na celu dostarczenie różnych metod zmiany czcionek w HTML. Wyniki tego artykułu to:

1. Jak zmienić kolor czcionki w HTML
2. Jak zmienić rozmiar czcionki w HTML
3. Jak zmienić styl czcionki w HTML

Jak zmienić czcionkę w HTML

W HTML czcionka zawiera różne właściwości, takie jak kolor, styl i rozmiar. Atrybuty te są stosowane w celu zapewnienia interaktywnej widoczności czcionek.

Jak zmienić kolor czcionki w HTML

Aby zmienić kolor czcionki w HTML, dodaj atrybut stylu w znaczniku otwierającym i użyj właściwości kolorów, a następnie przypisz wartość koloru, która może być „Hex”, „RGB” lub „Słowo kluczowe” koloru imienia.

Poniższy kod HTML korzysta z "kolor" atrybut zmiany koloru czcionki:

Kod

W powyższym kodzie użyliśmy atrybutu stylu w otwierającym znaczniku p, a następnie użyliśmy właściwości kolorów i przypisaliśmy wartość koloru.

Obraz kodu

Wyjście

Kolor czcionki zmienił się z domyślnie na czerwony, użyliśmy atrybutu kolorowego i przypisaliśmy czerwony kolor.

Jak zmienić rozmiar czcionki w HTML

Stylowe styliza. Ilekroć użyjemy atrybutu stylu w określonym elemencie, będzie on zastąpił docelową właściwość.

Zmieńmy rozmiar czcionki w HTML za pomocą kodu, który jest napisany poniżej:

Kod

W powyższym kodzie ustawiamy rozmiar czcionki na 30px za pomocą właściwości wielkości czcionki, zastosowaliśmy ten kod do znacznika otwierającego akapitu, który jest

.

Obraz

Wyjście

Rozmiar tekstu akapitowego zmienił się z domyślny na 30px za pomocą właściwości wielkości czcionki.

Jak zmienić styl czcionki w HTML

Styl czcionki definiuje styl czcionki w HTML. Ilekroć użyjemy znacznika stylu w elemencie HTML, zastąpi wszystkie parametry, które zostały ustawione na domyślne.

Zobaczmy, jak możemy zmienić styl czcionki lub rodzinę czcionek w HTML za pomocą następującego przykładu

Kod

Tutaj użyliśmy znacznika rodziny czcionki i przypisaliśmy do niej właściwość „Verdana”, która ustawia styl czcionki nagłówka z domyślnego.

Obraz

Wyjście

Styl czcionki zmienił się z Domyślnie Verdana za pomocą właściwości w stylu czcionki.

Nauczyłeś się zmieniać styl czcionki, rozmiar czcionki i kolor czcionki w HTML.

Wniosek:

Czcionkę HTML można zmienić za pomocą trzech różnych atrybutów, które są „kolorami”, „wielkości czcionki” i „stylu czcionki.„Ten artykuł zawiera różne metody zmiany czcionek w HTML. „Kolor” właściwość zmienia kolor czcionki, „rozmiar czcionki” służy do manipulowania rozmiarem czcionki, a „fontonia czcionka” dodaje styl do czcionek.