Wprowadzenie do stylów czcionek HTML

Poniższy artykuł, Style czcionek HTML zawiera zarys najczęściej używanych stylów czcionek w HTML. HTML powszechnie znany jako HyperText Markup Language jest jednym z najważniejszych i najbardziej krytycznych języków lub skryptów niezbędnych do tworzenia aplikacji i stron internetowych. To jest jak kręgosłup tworzenia aplikacji internetowych, ponieważ wszystkie tagi i inne funkcje stanowią jego podstawowy komponent.

Cały proces programowania oparty jest również na skryptach HTML. Można tego użyć do zapewnienia znaczników znaczników, a aby poprawić wygląd tych znaczników, mamy kolejną bardzo popularną bibliotekę, CSS, która oznacza Kaskadowe Arkusze Stylów. Można to wykorzystać do wdrożenia wszelkiego rodzaju stylów wymaganych przez HTML. Czcionka i style stanowią główną część witryny. W tym artykule przedstawimy listę większości stylów czcionek HTML.

Style czcionek HTML:

Czcionki odgrywają bardzo ważną rolę w uczynieniu strony internetowej bardziej przyjazną dla użytkownika i przyciągają więcej ruchu oprócz zwiększania czytelności treści. Kolor czcionki i jej czcionka zależą również od komputera i przeglądarki, z której korzysta, a znacznik HTML służy również do dodawania stylu, koloru i rozmiaru do tekstu w witrynie.

Tag służy do ustawiania całego tekstu, który jest obecny na twojej stronie internetowej lub wewnątrz elementu, na ten sam rozmiar, kolor i twarz. Tag czcionki składa się z trzech atrybutów, a mianowicie koloru i rozmiaru twarzy, który ponownie stanowi bardzo krytyczny element różnych stylów czcionek obecnych w witrynie.

Tag jest najczęściej używanym i jednym z najważniejszych tagów, które mogą być użyte do stworzenia dobrego wyglądu strony. Tekst następujący po otwartym znaczniku pozostanie w ten sam sposób, dopóki nie zostanie zamknięty znacznikiem.

Przyjrzyjmy się niektórym podstawowym stylom czcionek HTML:

Istnieje kilka podstawowych funkcji i cech związanych ze stylami czcionek HTML, a są to:

1) Ustawianie rozmiaru czcionki:

Rozmiar czcionki zawartości można ustawić, korzystając z atrybutów rozmiaru. Akceptowana wartość zakresu wynosi od 1, która jest najmniejszą liczbą, i przechodzi do 7, która jest największą liczbą. Domyślny rozmiar dowolnego typu czcionki to 3.

Przykład,



Setting Basic Font Size

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

2) Względny rozmiar czcionki:

Względny rozmiar czcionki służy do określenia i określenia, ile rozmiarów jest większych i ile rozmiarów jest mniejszych niż obecny rozmiar czcionki, który jest faktycznie obecny. Można to określić następująco:

or by writing

Przykład,



Relative Font Size

Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"

3) Ustawienie czcionki czcionki:

Inną kategorią po ustawieniu rozmiaru czcionki i względnego rozmiaru czcionki jest ustawienie powierzchni czcionki. Stanowi to krytyczną część wyżej wymienionych atrybutów. Można to ustawić za pomocą atrybutu face, ale zawsze należy pamiętać, że jeśli użytkownik wyznaczony do korzystania z tej wartości czcionki nie ma zainstalowanej tej czcionki w swoim systemie, nie będzie mógł jej zobaczyć . Zamiast tego widoczna będzie tylko domyślna czcionka, która ma zastosowanie do komputera tego konkretnego użytkownika.

Przykład,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Określ alternatywne twarze czcionek:

  • Służy to do określania różnych rodzajów czcionek tylko wtedy, gdy użytkownik ma tę konkretną czcionkę w swoim systemie, w przeciwnym razie widoczna będzie domyślnie zainstalowana czcionka. Można podać więcej niż jedną, a konkretnie dwie lub więcej niż dwie alternatywy czcionek, wymieniając nazwy czcionek, które są oddzielone przecinkami.
  • Po załadowaniu strony przeglądarka będzie odpowiedzialna za wyświetlenie pierwszej czcionki, która zostanie wygenerowana. Jeśli żadna z dostarczonych czcionek nie jest zainstalowana w systemie, wówczas domyślna czcionka, jaką jest Times New Roman, zostanie wyświetlona pomyślnie.

Przykład,


5) Ustawianie koloru czcionki:

Jest to kolejny atrybut, który stanowi kluczową część i składnik listy czcionek i stylów HTML. W tej czcionce kolor jest ustawiany przy użyciu dowolnego atrybutu koloru, wymagany kolor może być wymagany przez użycie kodu szesnastkowego i nazwy koloru dla określonego koloru.

Przykład,



Setting Font Color

This text is in pink
This text is red

6) Element:

  • Ten element jest specyficzny dla języka HTML i ma zapewniać stronie domyślny rozmiar czcionki, krój czcionki i kolor dla wszystkich części i składników dokumentów, które nie są zawarte w znaczniku.
  • Tag można łatwo wykorzystać do zastąpienia ustawień.
  • Ten znacznik wykorzystuje również atrybuty koloru, twarzy i rozmiaru, które będą względnie obsługiwać wszystkie ustawienia czcionek, podając rozmiar wartości +1 dla jednego rozmiaru większego lub -2 dla dwóch rozmiarów mniejszych.

Przykłady:



Setting Basefont Color

To jest domyślna czcionka strony.

Przykład elementu

Wniosek-

Czcionki i style HTML są jednym z najważniejszych elementów i funkcji, których nie można przeoczyć i które mogą nadać Twojej stronie bardzo dobry kształt i wygląd. Kiedy mówimy o najnowszych bibliotekach javascript, które są dostępne na rynku, zawierają w sobie wszystkie te oraz kilka innych czcionek i stylów. W przypadku podstawowego HTML należy to zrobić ręcznie. Mam nadzieję, że podoba Ci się nasz artykuł. Bądź na bieżąco z naszym blogiem, aby uzyskać więcej takich artykułów.

Polecane artykuły

To był przewodnik po stylach czcionek HTML. Tutaj omówiliśmy wprowadzenie i szczegółowe wyjaśnienie niektórych podstawowych czcionek HTML z przykładami. Możesz także przejrzeć nasze inne sugerowane artykuły, aby dowiedzieć się więcej -

  1. Arkusze stylów HTML
  2. Atrybuty HTML
  3. Jak działa HTML
  4. Style list HTML
  5. Bloki HTML