Kako spremeniti velikost pisave v HTML-ju

12. 3. 2019

Kakovostna postavitev spletnega mesta ima glavni cilj - da informacije na strani postanejo berljive in priročne za uporabnika. In delo z besedilom preko html-a je glavna in osnovna spretnost, ki jo morate imeti pri delu s spletnimi mesti. V tem članku je podrobno opisano, kako spremeniti velikost besedila z uporabo označevalnega jezika na spletu.

Razvojna infografika HTML

Oblikovanje besedila s HTML je enostavno.

Kdor koli je kdaj naletel na potrebo po ustvarjanju ali urejanju spletnih mest, je najprej vprašal, kako naj oblikuje besedilo, tako da ustreza želenim zahtevam. Obstaja veliko načinov za izpolnitev te naloge in najlažji način je, da to storite neposredno v okviru samega spletnega mesta z označevalnim jezikom. Ko boste ugotovili, kako spremeniti velikost pisave v html, in v prihodnosti ne bo nobenih težav.

V tem članku bomo podrobno opisali, kako se formatiranje pisav izvaja v html dokumentih.

Primer kode

Splošna načela za urejanje besedila na spletnih straneh

Najprej morate ugotoviti, katere možnosti za oblikovanje besedila nam dajejo html. Obstajajo tri glavne značilnosti pisave - to je tipografija (značilnost, ki določa videz črk in znakov), barvo in velikost. Bralnost katerega koli dokumenta je odvisna od tega, kako dobro so te značilnosti združene.

Značilnosti besedila v oznaki HTML se spremenijo s pomočjo oznak in atributov. Oznaka je glavna komponenta jezika, njegova glavna logična enota, in atribut služi za nastavitev posebne vrednosti za vsak element strani, označene z oznako.

Ne pozabite tudi, da se lahko besedni prikaz razlikuje pri uporabi različnih brskalnikov, zato morate pred zaključkom dela na spletnem mestu zagotoviti, da so informacije pravilno prikazane v vseh glavnih brskalnikih, ki jih uporabljate. Velikost pisave v html-ju pri uporabi starejših različic Internet Explorerja je na primer drugačna kot pri novih različicah.

HTML koda

Oznaka

Glavne oznake, ki se uporabljajo pri oblikovanju besedila na spletni strani, so in .

Oznaka para je odgovorna za vse značilnosti oblikovanega besedila, ki so nastavljene z ustreznimi atributi. Ta oznaka je najbolj razumljiva in enostavna za uporabo pri postavitvi strani.

Ker nas zanima predvsem, kako spremeniti velikost pisave v html, potrebujemo uporabo atributa size.

Izgleda takole:

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

Vrednost pisave html je nastavljena v številskih enotah od 1 (najmanjša) do 7 (največja). Povprečna vrednost se običajno vzame kot 3 (ustreza velikosti 13,5 v slušalki Times New Roman).

Če v telo dokumenta dodamo naslednjo kodo, bo odprtje strani v brskalniku pokazalo, kako se velikost besedila spremeni glede na nastavljeno vrednost.

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

Poleg absolutnih številskih vrednosti lahko uporabimo tudi, vključno in relativne. Ta oznaka se uporablja tudi za to. Velikost pisave html, kot je omenjeno zgoraj, je privzeta za 3, zato lahko od tega dodate ali odštejete celotne številske vrednosti, da dobite želeni rezultat. Tako izgleda:

Tukaj je besedilo

Z navedeno vrednostjo bo velikost pisave ustrezala vrednosti 6. V brskalniku lahko preverite, kako deluje in eksperimentirate z različnimi kombinacijami številskih vrednosti.

S pomočjo oznake lahko spremenite velikost in barvo pisave v html. Če želite spremeniti barvo, uporabite atribut barve in šestnajstiško kodo barve.

Da bi naredili potrebne spremembe, atributi sledijo eno za drugo v telesu ene oznake , zato jih ni treba ločiti z ločili.

Oznaka

Ta oznaka ima širši nabor funkcij in lastnosti kot . Običajno se uporablja v povezavi s CSS-jem za urejanje in oblikovanje določenih delov dokumenta.

Za to oznako se vrednosti določijo s atributom sloga. Tako izgleda koda:

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

Kot lahko vidite, je tukaj uporabljena uvedba CSS-kode (velikost pisave), velikost pa je določena z uporabo točk (pt, point). Standardna vrednost je sprejeta kot velikost 12 pt, ki jo je mogoče spremeniti s povečanjem ali zmanjšanjem za celo število.

Izdelava spletnih strani

Velikost pisave se spremeni pri oblikovanju naslovov

Pogosto želite zmanjšati ali povečati velikost pisave v html, ko urejate naslove. V tem primeru je naloga ne le spremeniti velikost, temveč tudi logično označiti določen del besedila in ga označiti kot naslov besedilnega bloka.

V tem primeru je priporočljivo uporabljati oznake.

-

. Oznaka

- To je glava prve stopnje. V brskalniku bo prikazan kot največji in oznake iz

do

za označevanje podnaslovov.

Primer kode:

Naslov prve stopnje

Priporočljivo je, da te oznake vedno uporabite za oblikovanje glave, saj optimizira kodo in je bolj sintaktično pravilna ter daje celotnemu dokumentu en sam slog.

Specifične parametre za to oznako določi CSS - tako lahko določite določeno vrednost za velikost besedila, njegovo barvo in pisavo.

Nekaj ​​zadnjih nasvetov

Dodatek za spletnega razvijalca

Tako smo pregledali glavne načine za spreminjanje velikosti pisave v html. Ta informacija je dovolj za ustvarjanje čiste spletne strani z dobro berljivostjo.

Za lažje upoštevajte naslednja priporočila:

  • Z postavitvijo ne sme biti omejena na sredstva html. Ko ste obvladali osnove gradnje spletnega mesta, lahko začnete učiti CSS. To bo odprlo nova obzorja pri ustvarjanju spletnih strani.
  • Ne moremo zanemariti testiranja končnega spletnega mesta v različnih brskalnikih in na različnih platformah. Kot smo že omenili, se lahko parametri besedila bistveno razlikujejo, zlasti pri uporabi zastarelih različic brskalnikov.
  • Pri pisanju kode vedno uporabite presledke in zavihke. To omogoča lažje branje in razumevanje.
  • Pripombe na kodo niso le orodje za priročno zaznavanje, temveč tudi znak dobrega okusa med razvijalci.