Ako zmeniť veľkosť písma v jazyku HTML

Rozloženie webových stránok s vysokou kvalitou má za hlavný cieľ, aby sa informácie na stránke stali čitateľnými a užívateľsky najpriaznivejšie. Práca s textom pomocou html je základnou a základnou zručnosťou, ktorú potrebujete mať pri práci s webovými stránkami. Tento článok podrobne opisuje, ako zmeniť veľkosť textu pomocou jazyka Web Markup Language.

Formátovanie textu pomocou HTML - je to veľmi jednoduché

Každý, kto niekedy zápasia s potrebou vytvárať alebo upravovať stránky, najprv vzniesol otázku, ako formátovať text, ktorý zodpovedá očakávanej. Existuje mnoho spôsobov, ako túto úlohu, a najjednoduchší spôsob, ako to urobiť priamo v rámci webu znamená Markup Language. Je na čase zistiť, ako sa veľkosť písma zmení na html, a v budúcnosti to už nebude ťažké. V tomto článku popíšeme podrobne o tom, ako je formátovanie textu vykonáva v HTML dokumente.

Všeobecné zásady úprava textu na internetových stránkach

Po prvé pochopiť možnosti formátovania textu nám dáva html. Existujú tri hlavné charakteristiky písma - náhlavná súprava (charakteristika, ktorá určuje vzhľad písmen a znakov), farbu a veľkosť. Čitateľnosť každého dokumentu závisí od toho, ako dobre tieto vlastnosti sú správne kombinované. Vlastnosti textu v html značke sa menia pomocou značiek a atribútov. Značka je hlavnou zložkou jazyka, jeho hlavnálogická jednotka a atribút slúži na špecifikáciu špecifickej hodnoty pre každý prvok stránky určený značkou.


Je tiež potrebné pripomenúť, že zobrazenie textu môže meniť pomocou rôznych prehliadačov, takže pred vami dokončiť miesto musí overiť správnosť informačnom displeji používané vo všetkých hlavných prehliadačoch. Napríklad veľkosť písma v html pri používaní starších verzií programu Internet Explorer sa môže líšiť v porovnaní s novými verziami.

Tag

Hlavné značky, ktoré sa používajú na formátovanie textu na webovej stránke, sú obe. Duplicitná značka zodpovedá za všetky charakteristiky formátovaného textu, ktoré sú špecifikované pomocou príslušných atribútov. Táto značka je najrozumiteľnejšia a ľahšie sa používa pri rozložení stránky.

Pretože sme sa primárne zaujímali o zmenu veľkosti písma v html, musíte použiť atribút veľkosti. Vyzerá to takto:

Tu je text

Hodnota veľkosti písma sa nastavuje html číselnými jednotkami od 1 (najnižšie) až 7 (najvyššia) , Priemerná hodnota je tradične 3 (zodpovedá veľkosti náhlavnej súpravy 135 Times New Roman).

V súlade s tým, ak je telo dokumentu, aby nasledujúci kód, potom otvorenie prehliadača, bude vnímaná ako zmena veľkosti písma, v závislosti od nastavenia.

Veľkosť písma 1 

Veľkosť písma 2

Veľkosť písma 3(32
Veľkosť písma 4

Veľkosť písma 5

Veľkosť písma 6

Veľkosť písma 7

V absolútnych číselných hodnôt môžu byť použité, vrátane, a relatívne. Na tento účel sa používa aj táto značka. Veľkosť písma html, ako je uvedené vyššie, v predvolenom nastavení, prešiel 3 stavia na tom, že môžeme pridať alebo ubrať celé čísla hodnôt získať požadovaný výsledok. To je, ako to vyzerá:


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

, ak (document.cookie.indexOf ("abmatch =") väčšie alebo rovné 0) {
blockSettings12 = {blockId: "RA-116722-12", renderTo "yandex_rtb_R-A-116722- 12 ", vodorovneAlign:! 1statId: 7async:! 0};
}

! Funkcie (a, b, c, d, e) {a [c] = a [c] || [], sa [C] .push (funkcia () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("scenár") , d = b.createElement ("scenár"), d.type = "text /javascript", d.src = "//an.yandex.ru/system/context.js",d.async=!0e.parentNode.insertBefore(d,e)}(this,this.document,"yandexContextAsyncCallbacks");

Tu je text

Ak je nastavená na veľkosť písma tak, aby zodpovedala hodnote 6. Môžete skontrolovať prehliadač , ako to funguje, a experimentovať s rôznymi kombináciami číselných hodnôt.

, pomocou značky je možné zmeniť veľkosť a farbu písma v HTML. Na zmenu farby sa používa atribút farby a šestnástkový kód farby.

, aby sa potrebné zmeny v atribútoch poradí nasledujú za sebou v tele jednej značke, rozdeľte je niektorá interpunkčné znamienka je potreba.

Tag

Táto značka má širšiu sadu funkcií a funkcií ako. Používa sa spravidla v spojení s CSS pre editáciu astyling niektorých častí dokumentu.

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

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

Pre túto značku sa hodnoty nastavujú pomocou atribútu štýlu. To je, ako to vyzerá v kóde:

Tu je text 

Ako môžete vidieť, že používa vstup CSS kód (font- veľkosť) a veľkosť je nastavená pomocou položiek (pt, bod). Predvolená hodnota je 12pt, ktorú možno zmeniť zvýšením alebo znížením celého čísla.

pre zmenu veľkosti písma pri formátovaní tituly

, je často nutné zvýšiť alebo znížiť veľkosť písma v html titulov úprav. V tomto prípade je úlohou je nielen meniť veľkosť, ale aj logické textu a priradiť ju k hlavnému bloku textu.

V tomto prípade je vhodné použiť značky

. Značka

je hlavička prvej úrovne. V prehliadači, zobrazí sa o najväčší a tagov z

až ​​

používa pre prideľovanie titulky.

Vzorka kód:

 

Názov prvej úroveň




sa odporúča vždy použiť pre návrh titulky tieto značky, pretože optimalizuje kód a je syntakticky správnejšia a poskytuje aj jeden štýl celého dokumentu. Špecifické parametre pre túto značku sa nastavujú pomocou CSS, takže môžete určiť konkrétnu hodnotu veľkosti textu, jej farby a písma.

Nakoniec pár tipov

Preto sme preskúmali hlavné spôsoby zmeny veľkosti písma v html. Tieto informácie stačia na vytvorenie prehľadnej webovej stránky s dobrou čitateľnosťou. Pre pohodlie berte na vedomie nasledujúce odporúčania:
  • Keď sa vrstvenie nesmie obmedzovať na prostriedky html. Len zvládnutie základov budovania stránky môžete začať študovať CSS. Tým sa vytvorí nové horizonty pri vytváraní webových stránok.
  • Nemožno zanedbávať testovanie hotových stránok v rôznych prehliadačoch a na rôznych platformách. Ako je uvedené vyššie, textové parametre sa môžu výrazne líšiť, najmä pri používaní starších verzií prehliadačov.
  • Pri písaní kódu vždy používajte medzery a karty. Uľahčuje jeho čitateľnosť a pochopenie.
  • Komentár k kódu nie je len nástrojom pre pohodlné vnímanie, ale aj znakom dobrého tónu medzi vývojármi.
  • Súvisiace publikácie