Veličina teksta u HTML-u: pravila oblikovanja

HTML je jezik za označavanje hiperteksta koji se koristi za oblikovanje web-dokumenata. Ona pruža osnovne značajke organiziranja strukture dokumenta, kao i osnovne opcije za izgled stranice. U ovom članku detaljno ćemo raspraviti kako promijeniti veličinu teksta u HTML-u. Saznajte u kojim slučajevima je moguće koristiti samo HTML, a kada je bolje koristiti CSS stilove.

Promjena veličine pomoću oznake

Postoji nekoliko različitih načina na koje možete promijeniti veličinu teksta u HTML-u. Te su značajke i jezik za označavanje na webu i povezuju se s dokumentom CSS-a. Prvi način povećanja ili smanjivanja teksta na web-stranici je upotreba oznake. Sintaksa za korištenje ove oznake bit će kako slijedi:

Tekst za primjer

Pogledajmo ovaj primjer detaljnije. Kao što možete vidjeti, ovdje su tri atributa oznake koji vam omogućuju postavljanje slušalica, veličine i boje HTML teksta.

& lt; skript async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
& lt ;! - fb_336x280_mid - & gt;

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

Veličina odgovara veličini - omogućuje vam da postavite veličinu teksta u standardnim jedinicama. Prosječna vrijednost ovog parametra uzima se 3. Prema tome, može se postaviti u apsolutnim jedinicama (to jest, 174, itd.), Au relativnom - pomoću znakova plus ili minus (+3 -2). U drugom slučaju, veličina teksta će se promijeniti u odnosu na bazu.

Atribut boje pokazuje kojeboja će biti tekst, a lice će biti odgovorno za slušalice (font). Tako je tekst na primjeru standardne srednje veličine, zelene boje, ispisan u fontu Georgia.

U suvremenim preglednicima, ovaj način mijenjanja veličine teksta u HTML-u gotovo uvijek radi, ali ova metoda se smatra zastarjelom - preporučujemo korištenje mogućnosti oblikovanja CSS-a.

& lt; skript async = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
& lt ;! - fb_336x280_mid2 - & gt;

& lt; skripta & gt; (adsbygoogle = window.adsbygoogle || []). push ({});

Drugi načini za smanjenje i povećanje teksta u HTML-u

Za promjenu veličine teksta u HTML-u koriste se oznakei .

Ove oznake koriste se kako slijedi:

Ovaj tekst će biti veći
Ovaj tekst će biti manji

Zanimljivo, kako bi tekst bio manje ili više, oznaka se može ponoviti nekoliko puta.

Ovaj tekst će se još više povećati  

Osim ove dvije oznake, moguće je koristiti za promjenu veličine teksta u HTML-u zaglavlja (na primjer, H1 za postavljanje velikog teksta i H6 za smanjenje veličine). Međutim, to se ne preporučuje jer se u zaglavlju strukturira jedinica web-stranice, a upotreba za vizualno oblikovanje može ometati indeksiranje web-lokacije i pristupačnost.

Promjena veličine teksta pomoću CSS-a

Kako bi se promijenila veličina teksta, preporučujemo korištenje CSS alata. Sintaksa će izgledati ovako:

p {
font-size: 11pt;
}


Mnogo je više mogućnosti za ovu metodu. Možete promijeniti veličinu teksta u različitim jedinicama, kao što su stavke (pt), pikseli (px), postotci i drugo. Ova se metoda koristi ili s oznakom izravno u tijelu HTML dokumenta ili korištenjem vanjske tablice stilova priložene zasebnoj datoteci s vezom u dokumentu. Programeri su jednoglasni u mišljenju da je u pogledu optimizacije i unakrsnog pregledavanja, bolje koristiti CSS za styling i dizajn u sadašnjem vremenu, a da HTML napusti svoju izvornu funkciju hipertekstualnog označnog jezika. Tako smo se upoznali s nekoliko različitih načina za promjenu veličine teksta u HTML dokumentima. Koji ćete koristiti ovisi o vašim potrebama i željenoj funkcionalnosti stranice.

Povezane publikacije