Računala » Kako promijeniti veličinu fonta u HTML-u

Kako promijeniti veličinu fonta u HTML-u

Računala

Visokokvalitetni izgled web stranice ima glavni cilj da informacije na stranici budu što je više moguće čitljive i jednostavne za korištenje. Rad s tekstom pomoću HTML-a osnovna je i osnovna vještina koju trebate imati pri radu s web-lokacijama. Ovaj članak detaljno opisuje kako promijeniti veličinu teksta koristeći Web Markup Language.

Formatiranje teksta pomoću HTML-a vrlo je lako

Svatko tko se barem jednom suočava s potrebom stvaranja ili uređivanja stranica, ponajprije je postavio pitanje kako oblikovati tekst tako da zadovoljava očekivanja. Postoji mnogo načina da se taj zadatak ostvari, a najlakše je to učiniti izravno u okviru same stranice pomoću označnog jezika. Vrijeme je da shvatimo kako se veličina fonta mijenja u html, au budućnosti više neće biti poteškoća. U ovom članku detaljno ćemo opisati kako se vrši formatiranje fontova u html-dokumentima.

Opća načela za uređivanje teksta na web-stranicama

Za početak, moramo shvatiti koje mogućnosti formatiranja daju nam html. Postoje tri glavne značajke fonta - slušalice (karakteristika koja određuje izgled slova i znakova), boja i veličina. Čitljivost bilo kojeg dokumenta ovisi o tome koliko dobro su ove karakteristike ispravno kombinirane. Značajke teksta u HTML oznaci mijenjaju se pomoću oznaka i atributa. Oznaka je glavna komponenta jezika, njegova glavnalogička jedinica, a atribut služi za određivanje specifične vrijednosti za svaki element stranice specificirane oznakom.


Također je važno zapamtiti da se prikaz teksta može razlikovati kada se koriste različiti preglednici, pa prije nego što završite s radom na web-mjestu, morate se pobrinuti da se informacije prikazuju ispravno u svim glavnim preglednicima koje koristite. Primjerice, veličina fonta u HTML-u pri korištenju starijih verzija programa Internet Explorer može se razlikovati u usporedbi s novim verzijama.

Oznaka

Glavne oznake koje se koriste za oblikovanje teksta na web stranici su oboje. Dvostruka oznaka odgovorna je za sve karakteristike oblikovanog teksta koje su specificirane pomoću odgovarajućih atributa. Ova oznaka je najrazumljivija i jednostavnija za korištenje pri izgledu stranice.

Budući da nas prvenstveno zanima kako promijeniti veličinu fonta u html-u, morate koristiti atribut veličine. Izgleda ovako:

Ovdje je tekst

Vrijednost veličine fonta daje se html u numeričkim jedinicama od 1 (najniža) do 7 (najveća) , Prosječna vrijednost je tradicionalno 3 (što odgovara veličini 135 Times New Roman slušalica).

Prema tome, ako dodate sljedeći kod tijelu dokumenta, otvaranjem stranice u pregledniku vidjet će se kako veličina teksta varira ovisno o postavljenoj vrijednosti. 

Veličina slova 1 

Veličina slova 2 

Veličina slova 3 

Veličina slova 4 

Veličina slova 5

Veličina slova 6 

Veličina slova 7

Osim apsolutnih brojčanih vrijednosti, i relativna. U tu svrhu koristi se i ova oznaka. Veličina fonta html, kao što je gore spomenuto, po defaultu je prihvaćena 3, tako da na temelju toga možete dodati ili oduzeti cjelobrojne vrijednosti kako biste dobili željeni rezultat. Evo kako to izgleda:


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

if (document.cookie.indexOf ("abmatch =") & gt; = 0) {
blockSettings12 = {blockId: "RA-116722-12", renderTo: "yandex_rtb_R-A-116722- 12 ", horizontalAlign :! 1statId: 7async: 0};
}

Funkcija (a, b, c, d, e) {a [c] = a [c] || [], a [c] .push (funkcija () {Ya .Context.AdvManager.render (blockSettings12)}), e = b.getElementsByTagName ("script") , d = b.createElement ("script"), d.type = "text /javascript", d.src = "//an.yandex.ru/system/context.js", d.async =! 0e.parentNode.insertBefore (d, e)} (ovaj, ovaj.dokument, "yandexContextAsyncCallbacks");

Na navedenoj vrijednosti veličina slova će odgovarati vrijednosti 6. Možete provjeriti u pregledniku. , kako funkcionira i eksperimentirajte s različitim kombinacijama numeričkih vrijednosti.

S oznakom možete promijeniti veličinu i boju fonta u html formatu. Kako bi promijenili boju, koriste se atribut boje i heksadecimalni kod boje.

Da bi se napravile potrebne promjene, atributi slijede jedan po jedan u tijelu jedne oznake, ne moraju ih podijeliti s bilo kojim znakovima interpunkcije.

Oznaka

Ova oznaka ima širi skup značajki i značajki od. Koristi se, u pravilu, zajedno s CSS-om za uređivanje ioblikovanje određenih dijelova dokumenta.

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

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

Za ovu oznaku vrijednosti se postavljaju korištenjem atributa style. Evo kako to izgleda u šifri: 

Ovdje je tekst

Kao što možete vidjeti, ovdje je uvođenje CSS-a (font- veličina), a veličina se određuje pomoću stavki (pt, točka). Zadana vrijednost je 12pt, koja se može promijeniti povećanjem ili smanjivanjem cijelog broja.

Promjena veličine fonta kod oblikovanja zaglavlja

Često je potrebno smanjiti ili povećati veličinu fonta u uređivanju HTML zaglavlja. U ovom slučaju, zadatak nije samo promijeniti veličinu, već je logično označiti određeni dio teksta i dodijeliti ga kao glavni za tekstni blok.

U ovom slučaju preporučljivo je koristiti oznake

.

-

. Oznaka

je naslov prve razine. U pregledniku će se prikazati najveći, a oznake od

do

koriste se za označavanje podnaslova.

Primjer koda: 

 
Zaglavlje prvog stupnja 

 

Preporučuje se da te oznake uvijek koristite za izradu zaglavlja, optimizira kôd i sintaktički je točniji, a pruža i jedan stil cijelog dokumenta. Specifični parametri za ovu oznaku postavljaju se pomoću CSS-a tako da možete odrediti određenu vrijednost za veličinu teksta, njegovu boju i slušalice za fontove.
Napokon nekoliko savjeta



 



Dakle, pregledali smo glavne načine promjene veličine fonta u html-u. Ova informacija je sasvim dovoljna za stvaranje uredne web stranice s dobrom čitljivošću. Radi lakšeg snalaženja, zapamtite sljedeće preporuke:
  • Kada slojevanje ne smije biti ograničeno na sredstva html. Samo savladavajući osnove izgradnje web-lokacije, možete početi proučavati CSS. To će otvoriti nove horizonte u izradi web stranica. 
  • Ne može se zanemariti ispitivanje gotovog mjesta u različitim preglednicima i na različitim platformama. Kao što je gore opisano, tekstualni parametri mogu se značajno razlikovati, posebno kada se koriste starije verzije preglednika. 
  • Kod pisanja koda uvijek koristite razmake i kartice. To olakšava njegovu čitljivost i razumijevanje. 
  • Komentari o kodeksu nisu samo sredstvo za ugodnu percepciju, nego i znak dobrog tona među programerima. 
    •  

    

    

    







    




    

    

    Povezane publikacije