Jak změnit velikost písma v HTML

Vysoce kvalitní rozvržení webových stránek má za cíl zpřístupnit informace na stránce čitelně a uživatelsky přívětivé. Práce s textem pomocí html je základní 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í nástroje Web Markup Language.

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

Každý, kdo alespoň jednou čelí potřebě vytvářet nebo upravovat weby, nejprve položil otázku, jak formátovat text tak, aby splňoval očekávání. Existuje mnoho způsobů, jak tento úkol splnit, a je to nejjednodušší udělat přímo v rámci samotného webu pomocí značkovacího jazyka. Je čas zjistit, jak se velikost písma změní na html, a v budoucnu už nebude problém. V tomto článku podrobně popíšeme, jak se provádí formátování písem v html-dokumentech.

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

Za prvé, musíme zjistit, jaké možnosti formátování nám dávají html. Existují tři hlavní charakteristiky písma - sluchátka (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 správně spojeny. Vlastnosti textu v html značce se mění pomocí značek a atributů. Značka je hlavní složkou jazyka, jeho hlavnílogická jednotka a atribut slouží k zadání konkrétní hodnoty pro každý prvek stránky určený značkou.


Je rovněž třeba připomenout, že zobrazení textu může měnit pomocí různých prohlížečů, takže před vámi dokončit místo musí ověřit správnost informačním displeji používané ve všech hlavní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 používané pro formátování textu na webové stránce jsou obě. Duplicitní značka odpovídá za všechny vlastnosti formátovaného textu, které jsou zadány pomocí příslušných atributů. Tato značka je nejrozumnější a snadněji použitelná při rozvržení stránky.

Vzhledem k tomu, že se zajímáme především o změnu velikosti písma v html, musíte použít atribut velikosti. Vypadá to takto:

Zde je text

Hodnota velikosti písma je dána html v číselných jednotkách od 1 (nejnižší) . Průměrná hodnota je tradičně 3 (odpovídá velikosti 135 náhlavních souprav Times New Roman).

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

Velikost písma 1 

Velikost písma 2

Velikost písma 4

Velikost písma 5

Velikost písma 6

Velikost písma 7

V absolutních číselných hodnot mohou být použity, včetně, a relativní. Za tímto účelem se také používá tato značka. Velikost písma html, jak je uvedeno výše, ve výchozím nastavení, prošel 3 staví na tom, že můžeme přidat nebo ubrat celá čísla hodnot získat požadovaný výsledek. To je, jak to vypadá:


& lt; script type = "text /javascript" & gt;
var blockSettings12 = {blockId: "R-A-116722-12", renderTo "yandex_rtb_R-A-116722-12", horizontalAlign :! 1async :! 0};

, pokud (document.cookie.indexOf ("abmatch =") větší nebo rovno 0) {
blockSettings12 = {blockId: "RA-116722-12", renderTo „yandex_rtb_R-A-116722- 12 ", vodorovněOznačka: 1statId: 7async:! 0};
}

! Funkce (a, b, c, d, e) {a [c] = a [c] || [], se [C] .push (funkce () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("scénář") , d = b.createElement ("scénář"), d.type = "text /javascript", d.src = "//an.yandex.ru/system/context.js",d.async=!0e.parentNode.insertBefore(d,e)}(this,this.document,"yandexContextAsyncCallbacks");

Zde je text

Je-li nastavena na velikost písma tak, aby odpovídala hodnotě 6. Můžete zkontrolovat prohlížeč , jak to funguje, a experimentovat s různými kombinacemi číselných hodnot.

, pomocí značky lze změnit velikost a barvu písma v HTML. Chcete-li změnit barvu, použije se barevný atribut a hexadecimální barevný kód.

, aby se potřebné změny v atributech pořadí následují za sebou v těle jedné značce, rozdělte je některá interpunkční znaménka je potřeba.

Tag

Tato značka má širší sadu funkcí a funkcí než. Používá se zpravidla ve spojení s CSS pro editaci astyling některých částí dokumentu.

& lt; script async = „//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">

& lt; script & gt; (adsbygoogle = window.adsbygoogle || []) stisknout ({});

Pro tuto značku jsou hodnoty nastaveny pomocí atributu styl. To je, jak to vypadá v kódu:

Zde je text 

Jak můžete vidět, že používá vstup CSS kód (font- velikost) a velikost je nastavena pomocí položek (pt, bod). Výchozí hodnota je 12pt, kterou lze změnit zvýšením nebo snížením celého čísla.

pro změnu velikost písma při formátování tituly

, je často nutné zvýšit nebo snížit velikost písma v html titulů úprav. V tomto případě není úkolem pouze měnit velikost, ale je logické zvýraznit určitou část textu a přiřadit ji jako hlavní pro textový blok.

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

-

. Značka

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

až ​​

se používají k označení podkapitol.

Vzorek kód:

 

Název první úroveň




se doporučuje vždy použít pro návrh titulky tyto značky, protože optimalizuje kód a je syntakticky správnější a také poskytuje jeden styl celého dokumentu. Konkrétní parametry pro tuto značku jsou nastaveny pomocí CSS - můžete zadat určitou hodnotu velikosti textu, její barvy a náhlavní soupravy písma.

Nakonec pár tipů

Tak jsme přezkoumali hlavní způsoby, jak změnit velikost písma v html. Tyto informace jsou dostatečné k tomu, aby vytvořily přehlednou webovou stránku s dobrou čitelností. Pro pohodlí si vzali na vědomí následující doporučení:
  • Když vrstva by neměla být omezena na prostředky html. Stačí zvládnout základy vytváření webu, můžete začít studovat CSS. Tím se otevře nové horizonty při vytváření webových stránek.
  • Nelze zanedbávat testování hotových stránek v různých prohlížečích a na různých platformách. Jak je popsáno výše, textové parametry se mohou výrazně lišit, zejména při použití starších verzí prohlížečů.
  • Při psaní kódu vždy používejte mezery a karty. Umožňuje jeho čitelnost a porozumění.
  • Komentáře k tomuto kódu nejsou jen nástrojem pro pohodlné vnímání, ale také znamením dobrého tónu mezi vývojáři.
  • Související publikace