Styly písem HTML - 6 nejlepších stylů HTML s příklady

Obsah:

Anonim

Úvod do stylů písem HTML

V následujícím článku jsou uvedeny styly písem HTML, které obsahují přehled nejčastěji používaných stylů písma v HTML. HTML, známý jako HyperText Markup Language, je jedním z nejdůležitějších a nejkritičtějších jazyků nebo skriptů, které jsou nezbytné při vytváření webových aplikací a webových stránek. Je to jako páteř vývoje webových aplikací, protože všechny značky a další funkce tvoří jeho základní součást.

Celý vývoj front-end je také založen na skriptování HTML. To lze použít pouze k poskytování značek značek a ke zlepšení vzhledu a pocitu těchto značek máme další populární knihovnu, CSS, která je zkratkou pro kaskádové styly. To lze použít k implementaci všech druhů stylů, které vyžaduje HTML. Písmo a styly tvoří hlavní část webu a v tomto článku vám poskytneme seznam většiny stylů písma HTML.

Styly písma HTML:

Písma hrají velmi důležitou roli při vytváření uživatelsky přívětivějšího webu a toho, který přitahuje větší provoz kromě zvyšování čitelnosti obsahu. Barva písma a tvář písma také závisí na počítači a prohlížeči, který to používá, a na značce HTML se také používá k přidání stylu, barvy, velikosti do textu na vašem webu.

Značka se používá k nastavení veškerého textu, který se nachází na vašem webu nebo uvnitř prvku, na stejnou velikost, barvu a tvář. Značka písma se skládá ze tří atributů, jmenovitě barvy a velikosti obličeje, které opět tvoří velmi kritickou součást různých stylů písma přítomných na webových stránkách.

Značka je nejčastěji používanou a jednou z nejdůležitějších značek, které lze použít k vytvoření dobrého vzhledu a dojmu vaší webové stránky. Text, který bude následovat po otevřené značce, zůstane stejným způsobem, dokud nebude tagem uzavřen.

Podívejme se na některé ze základních stylů písem HTML:

K stylům písma HTML jsou přidruženy některé základní funkce a vlastnosti a jsou to:

1) Nastavení velikosti písma:

Velikost písma obsahu lze nastavit pomocí atributů velikosti. Akceptovaná hodnota rozsahu leží od 1, což je nejmenší číslo, a jde až do 7, což je největší číslo. Výchozí velikost jakéhokoli typu písma je 3.

Příklad,



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) Relativní velikost písma:

Relativní velikost písma se používá k určení a určení, kolik velikostí je větších a kolik je menších než aktuální velikost písma, která je ve skutečnosti přítomna. Lze to specifikovat takto:

or by writing

Příklad,



Relative Font Size

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

3) Nastavení obličeje písma:

Druhá kategorie po nastavení velikosti písma a relativní velikosti písma je kategorie nastavení plochy písma. To tvoří kritickou součást výše uvedených atributů. To lze nastavit pomocí atributu face, ale vždy je třeba mít na paměti, že pokud uživatel, který je určen k použití této hodnoty písma, nemá toto písmo nainstalované ve svém systému, nebude jej moci vidět . Místo toho bude viditelná pouze výchozí plocha písma, která je použitelná pro počítač konkrétního uživatele.

Příklad,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Určete alternativní plochy písma:

  • Slouží k určení různých typů ploch písma pouze v případě, že uživatel má v systému nainstalované konkrétní písmo, jinak bude viditelné výchozí nainstalované písmo. Je možné zmínit více než jednu, konkrétně dvě nebo více než dvě alternativy čela písma, tím, že se uvedou jména tváří písma, která jsou specificky oddělena čárkou.
  • Po načtení webové stránky bude prohlížeč zodpovědný za zobrazení vůbec prvního písma, které se vygeneruje. Pokud v systému není nainstalována žádná z poskytnutých písem, bude úspěšně zobrazena výchozí tvář písma Times New Roman.

Příklad,


5) Nastavení barvy písma:

Toto je další atribut, který tvoří kritickou část a součást seznamu písem a stylů HTML. V této barvě písma se nastavuje použití libovolného atributu barvy, požadovaná barva může být vyžadována použitím hexadecimálního kódu a názvu barvy pro specifikovanou barvu.

Příklad,



Setting Font Color

This text is in pink
This text is red

6) Prvek:

  • Tento prvek je specifický pro jazyk HTML a má poskytovat webové stránce výchozí velikost písma, typ písma a barvu pro všechny části a součásti dokumentů, které nejsou obsaženy uvnitř značky.
  • Značku lze snadno použít k přepsání nastavení.
  • Tato značka také používá atributy barvy, obličeje a velikosti, které budou relativně podporovat všechna nastavení písma poskytováním velikosti hodnoty +1 pro jednu velikost větší nebo -2 pro dvě velikosti menší.

Příklady:



Setting Basefont Color

Toto je výchozí písmo stránky.

Příklad prvku

Závěr-

Písmo a styly HTML jsou jednou z nejdůležitějších součástí a funkcí, které nelze přehlédnout a mohou vašemu webu poskytnout velmi dobrý tvar a design. Když mluvíme o nejnovějších javascriptových knihovnách, které jsou dostupné na trhu, obsahují samy o sobě tyto a několik dalších písem a stylů. Pro základní HTML je to stále třeba udělat ručně. Doufám, že se vám náš článek líbil. Sledujte na našem blogu další články, jako jsou tyto.

Doporučené články

Toto byl průvodce styly písem HTML. Zde diskutujeme úvod a podrobné vysvětlení některých základních písem HTML s příklady. Další informace naleznete také v dalších navrhovaných článcích -

  1. HTML styly
  2. Atributy HTML
  3. Jak funguje HTML
  4. Styly seznamu HTML
  5. Bloky HTML