Jak změnit velikost písma v HTML

Kvalitní rozvržení webových stránek má za cíl zajistit, aby informace na stránce byly pro uživatele co nejčitatelivější a pohodlnější. Práce s textem prostřednictvím html je hlavní a základní dovednost, kterou potřebujete při práci s webovými stránkami. Tento článek podrobně popisuje, jak změnit velikost textu pomocí jazyka webového značení.

Formátování textu pomocí HTML je snadné.

Každý, kdo kdy narazil na potřebu vytvářet nebo upravovat webové stránky, se nejdříve zeptal, jak formátovat text tak, aby splňoval požadované požadavky. Existuje mnoho způsobů, jak tuto úlohu splnit a nejjednodušším způsobem je to udělat přímo v rámci samotného webu pomocí značkovacího jazyka. Jakmile zjistíte, jak změnit velikost písma v html, av budoucnu nebude mít žádné potíže.

V tomto článku podrobně popíšeme, jak se formátování písem provádí v html dokumentech.

Obecné zásady pro úpravy textu na webových stránkách

Nejprve musíte zjistit, jaké příležitosti pro formátování textu nám dává html. Existují tři hlavní charakteristiky písma - jde o písmo (charakteristika, která určuje vzhled písmen a znaků), barvu a velikost. Čitelnost jakéhokoli dokumentu závisí na tom, jak dobře jsou tyto vlastnosti kombinovány.

Vlastnosti textu v značce HTML se mění pomocí značek a atributů. Značka je hlavní součástí jazyka, její hlavní logická jednotka a atribut slouží k nastavení konkrétní hodnoty pro každý prvek stránky označený značkou.

Je také nutné si uvědomit, že zobrazení textu se může lišit při použití různých prohlížečů, a proto před dokončením práce na webu musíte zajistit, aby se informace zobrazovaly správně ve všech hlavních použitých prohlížečích. Například velikost písma v html při použití starších verzí aplikace Internet Explorer se může lišit v porovnání s novými verzemi.

Tag

Hlavní značky, které se používají při formátování textu na webové stránce, jsou a .

Značka páru odpovídá za všechny vlastnosti formátovaného textu, které jsou nastaveny pomocí příslušných atributů. Tato značka je nejrozumnější a snadno se používá při rozložení stránky.

Vzhledem k tomu, že jsme především zájem o změnu velikosti písma v html, potřebujeme použití atributu velikosti.

Vypadá to takto:

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

Hodnota velikosti písma html je nastavena v číselných jednotkách od 1 (nejmenší) do 7 (největší). Průměrná hodnota je tradičně brána jako 3 (odpovídá velikosti 13,5 v náhlavní soupravě Times New Roman).

Pokud tedy do těla dokumentu přidáme následující kód, otevřením stránky v prohlížeči se zobrazí, jak se velikost textu mění v závislosti na nastavené hodnotě.

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

Kromě absolutních číselných hodnot lze použít i relativní hodnoty. Tato značka je také použita pro toto. Velikost písma html, jak je uvedeno výše, je brána jako výchozí číslicí 3, proto od tohoto můžete přidat nebo odečíst celé číselné hodnoty, abyste získali požadovaný výsledek. Tak vypadá takto:

  Zde je text 

Při zadané hodnotě bude velikost písma odpovídat hodnotě 6. V prohlížeči můžete zkontrolovat, jak to funguje, a experimentovat s různými kombinacemi číselných hodnot.

Pomocí značky můžete upravit velikost a barvu písma v html. Chcete-li změnit barvu, použijte atribut barev a hexadecimální barevný kód.

Chcete-li provést potřebné změny, atributy postupují za sebou v těle jedné značky , není nutné je oddělovat interpunkčními znaménky.

Tag

Tato značka má širší škálu funkcí a vlastností než . Obvykle se používá ve spojení s CSS pro úpravu a stylování určitých částí dokumentu.

Pro tuto značku jsou hodnoty nastaveny pomocí atributu styl. To vypadá takto:

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

Jak vidíte, používá se zde zavedení kódu CSS (velikost písma) a velikost je nastavena pomocí bodů (pt, bod). Standardní hodnota je považována za velikost 12 pt, kterou lze změnit zvýšením nebo snižováním o celé číslo.

Změna velikosti písma při formátování nadpisů

Často chcete snížit nebo zvýšit velikost písma v html při úpravách titulků. V tomto případě je úkolem nejen změnit velikost, ale také logicky zvýraznit určitou část textu a označit ji za název pro textový blok.

V tomto případě je vhodné používat značky.

-

. Tag

- Toto je hlavička první úrovně. V prohlížeči se zobrazí jako největší a značky z

až do

použitý k označení podkapitol.

Příklad kódu:

  Nadpis první úrovně 

Doporučujeme vždy používat tyto značky pro návrh záhlaví, protože optimalizuje kód a je syntakticky správnější a také dává jedinému stylu celý dokument.

Konkrétní parametry této značky jsou nastaveny pomocí CSS - takže můžete nastavit určitou hodnotu velikosti textu, jeho barvy a písma.

Některé poslední tipy

Takže jsme přezkoumali hlavní způsoby, jak změnit velikost písma v html. Tyto informace stačí k vytvoření úhledné webové stránky s dobrou čitelností.

Pro pohodlí si všimněte následujících doporučení:

• Rozložení by nemělo být omezeno na prostředky html. Poté, co jste zvládli základy budování webu, můžete začít studovat CSS. Tím se vytvoří nové horizonty při vytváření webových stránek.
• Nemůžeme zanedbat testování hotových stránek v různých prohlížečích a na různých platformách. Jak již bylo uvedeno výše, textové parametry se mohou výrazně lišit, zejména při použití zastaralých verzí prohlížečů.
• Během psaní kódu byste měli vždy používat mezery a karty. To usnadňuje čtení a porozumění.
• Komentáře k tomuto kódu nejsou jen nástrojem pro pohodlné vnímání, ale také znamením dobrého vkusu mezi vývojáři.