Kako promijeniti veličinu fonta u HTML-u

12. 3. 2019.

Kvalitetan izgled web-mjesta ima glavni cilj - da informacije na stranici učine što čitljivijim i prikladnijim za korisnika. Rad s tekstom putem HTML-a glavna je i osnovna vještina koju trebate imati pri radu s web-lokacijama. U ovom se članku detaljno opisuje kako promijeniti veličinu teksta pomoću jezika za označavanje na webu.

HTML razvojna infografika

Formatiranje teksta s HTML-om je jednostavno.

Svatko tko je ikada naišao na potrebu stvaranja ili uređivanja web-lokacija, najprije je pitao kako formatirati tekst tako da zadovoljava željene zahtjeve. Postoji mnogo načina da se taj zadatak ostvari, a najlakši način je da se to učini izravno u okviru same stranice pomoću označnog jezika. Jednom kada shvatite kako promijeniti veličinu fonta u html-u, u budućnosti neće biti nikakvih poteškoća.

U ovom članku detaljno ćemo opisati kako se formatiranje fontova izvodi u HTML dokumentima.

Primjer koda

Opća načela uređivanja teksta na web stranicama

Prvo morate shvatiti koje mogućnosti za oblikovanje teksta nam daju html. Postoje tri glavne karakteristike fonta - to je tipografija (karakteristika koja određuje izgled slova i znakova), boju i veličinu. Čitljivost bilo kojeg dokumenta ovisi o tome koliko dobro su ove karakteristike kombinirane.

Karakteristike teksta u HTML oznaci mijenjaju se pomoću oznaka i atributa. Oznaka je glavna komponenta jezika, njegova glavna logička jedinica, a atribut služi za postavljanje određene vrijednosti za svaki element stranice označene oznakom.

Također je potrebno zapamtiti da se prikaz teksta može razlikovati kada se koriste različiti preglednici, stoga, prije završetka rada na web-mjestu, morate se pobrinuti da se informacije prikazuju ispravno u svim većim korištenim preglednicima. Primjerice, veličina fonta u HTML-u pri korištenju starijih verzija programa Internet Explorer može se razlikovati u odnosu na nove verzije.

HTML kôd

oznaka

Glavne oznake koje se koriste pri oblikovanju teksta na web stranici su i .

Oznaka para je odgovorna za sve karakteristike oblikovanog teksta, koje se postavljaju pomoću odgovarajućih atributa. Ova oznaka je najrazumljivija i najjednostavnija za korištenje pri izgledu stranice.

Budući da nas prije svega zanima kako promijeniti veličinu fonta u html-u, potrebno je koristiti atribut veličine.

Izgleda ovako:

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

Vrijednost veličine fonta html postavljena je u brojčanim jedinicama od 1 (najmanji) do 7 (najveći). Prosječna vrijednost tradicionalno se uzima kao 3 (odgovara veličini od 13,5 u slušalici Times New Roman).

Prema tome, ako u tijelo dokumenta dodamo sljedeći kôd, otvaranje stranice u pregledniku će pokazati kako se veličina teksta mijenja ovisno o postavljenoj vrijednosti.

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

Uz apsolutne numeričke vrijednosti mogu se koristiti, uključujući i relativne. Ova se oznaka također koristi za ovo. Veličina fonta html, kao što je gore spomenuto, uzeta je kao zadana s 3, stoga, počevši od toga, možete dodati ili oduzeti cijele numeričke vrijednosti kako biste dobili željeni rezultat. Tako izgleda:

Ovdje je tekst

S navedenom vrijednošću veličina fonta odgovara vrijednosti 6. Možete provjeriti u pregledniku kako radi i eksperimentirati s različitim kombinacijama numeričkih vrijednosti.

Pomoću oznake možete mijenjati veličinu i boju fonta u html formatu. Za promjenu boje koristite atribut boja i heksadecimalni kod boje.

Da bi se izvršile potrebne promjene, atributi se slijede jedno za drugim u tijelu jedne oznake , nije ih potrebno razdvojiti s bilo kojim znakovima interpunkcije.

oznaka

Ova oznaka ima širi raspon značajki i značajki od . Obično se koristi zajedno s CSS-om za uređivanje i oblikovanje određenih dijelova dokumenta.

Za ovu oznaku vrijednosti se postavljaju pomoću atributa style. Ovako izgleda kôd:

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

Kao što možete vidjeti, ovdje se koristi uvođenje CSS-koda (veličina fonta), a veličina se određuje pomoću točaka (pt, point). Standardna vrijednost uzima se kao veličina od 12 pt, koja se može mijenjati povećanjem ili smanjivanjem za cijeli broj.

Izrada web stranica

Veličina slova se mijenja prilikom oblikovanja naslova

Često želite smanjiti ili povećati veličinu fonta u HTML-u prilikom uređivanja naslova. U ovom slučaju, zadatak nije samo promijeniti veličinu, nego i logički označiti određeni dio teksta i označiti ga kao naslov za tekstni blok.

U tom je slučaju preporučljivo koristiti oznake.

-

, oznaka

- Ovo je zaglavlje prve razine. U pregledniku će biti prikazan kao najveći, a oznake iz

do

koji se koristi za označavanje podnaslova.

Primjer koda:

Naslov prve razine

Preporuča se uvijek koristiti te oznake za dizajn zaglavlja, budući da optimizira kôd i sintaktički je točniji, a daje i cijeli stil cijelom dokumentu.

Specifične parametre za ovu oznaku postavlja CSS - tako da možete postaviti određenu vrijednost za veličinu teksta, njegovu boju i font.

Nekoliko posljednjih savjeta

Dodatak za web-programere

Dakle, pregledali smo glavne načine promjene veličine fonta u html-u. Ova informacija je dovoljna za stvaranje uredne web-stranice s dobrom čitljivošću.

Radi lakše primijetite sljedeće preporuke:

  • Uz izgled ne bi trebalo biti ograničeno na sredstva html. Nakon što ste savladali osnove izgradnje web-lokacije, možete početi proučavati CSS. To će otvoriti nove horizonte u stvaranju web stranica.
  • Ne možemo zanemariti testiranje gotovog web-mjesta u različitim preglednicima i na različitim platformama. Kao što je već gore navedeno, tekstualni parametri mogu se značajno razlikovati, posebno kada se koriste zastarjele verzije preglednika.
  • Uvijek morate koristiti razmake i kartice prilikom pisanja koda. To olakšava čitanje i razumijevanje.
  • Komentari o kodu nisu samo alat za praktičnu percepciju, nego i znak dobrog ukusa među programerima.