Uvod u HTML oznake za oblikovanje teksta

Formatiranje teksta važan je dio suvremenih internetskih web stranica, čak i kada smo bili ograničeni na dostupnost tekstualnih web preglednika, oblikovanje teksta poput veličine, orijentacije itd. S modernim revizijama HTML-a postoji tona HTML oznake pomoću kojih tekst može izgledati po vašoj želji.

Formatiranje teksta s HTML oznakama

U nastavku ćemo raspraviti neke važne HTML oznake koje se koriste za oblikovanje teksta:

1. Formatiranje teksta podebljano u HTML-u

HTML sadrži dvije različite oznake za podešavanje teksta u podebljanom izgledu. Jedno je, a drugo je, a obje proizvode slične rezultate. Oznaka je fizička oznaka, samo da bi tekst prikazao podebljano i ne dodaje značajki važnosti u pregledniku.

Primjer



Here is some text in bold.



Here is some text in bold.



Here is some text in bold.

Izlaz:

S druge strane, oznaka se smatra logičnom oznakom i koristi se za informiranje preglednika da je tekst u oznaci kao neka logična važnost.

Primjer

Ovo je važan sadržaj formatiran pomoću snažne oznake, i ovo je pravedno
normalno formatirani tekst

Izlaz:

2. Postavljanje teksta kao kurziv u HTML5

Jednako kao postavljanje teksta kao Bold, možete upotrijebiti oznaku i oznaku za postavljanje teksta kao kurziv na HTML5.

Korištenje je za, baš kao i upotreba , fizički prikaz teksta u obliku kurziva i oznake, a istovremeno prikazuje i tekst u obliku kurzivnog slova, pregledniku daje do znanja da ima semantičku važnost.

Primjer

Ovo je prvi stavak u kurzivu.

Ovaj je sadržaj napravljen kurzivom s oznakom em, ovo je uobičajen tekst

Izlaz:

3. Isticanje teksta s HTML kodom

U situacijama kada želite označiti neki tekst s efektom označavanja, oznaka se može upotrijebiti, a zadani CSS oznaka čini pozadinu teksta žutom pomažući vam da lako privučete pažnju posjetitelja na tom tekstu.

Primjer



This text uses Mark tag to highlight text on the page



This text uses Mark tag to highlight text on the page



This text uses Mark tag to highlight text on the page

Izlaz:

4. Podvlačenje teksta u HTML-u

HTML oznaka može se koristiti za dodavanje podvlake u tekstu. Pazite da ne koristite podvlačenje s plavim tekstom, jer može zbuniti posjetitelje da je tekst link.

Primjer

Ovo je tekst s oznakom podvučenog.

Izlaz:

5. Tekst precrtanim tekstom

U slučajevima kada morate nacrtati vodoravnu crtu kroz tekst, može se koristiti oznaka. Linija utopljenika je tanka pa se tekst kroz koji se presijeca i dalje lako čita.

Primjer

Evo rečenice sa štrajkom kroz tekst.

Izlaz:

6. Pisanje fontom Monospace u HTML-u

Korištenje Monospace može biti korisno u situacijama kada želite nešto citirati ili želite prikazati neki kôd u pregledniku. Monospace kod, kao što i ime sugerira, čini širinu svakog znaka isto. Da bismo ga dobili u pregledniku, moramo koristiti oznaku.

Primjer

lt;html>

Ovo je normalan tekst. Ovo je neki ogledni tekst monospacenih fontova, uredan.

Izlaz:

7. Pretplaćeni tekst u HTML-u

U matematici i kemiji upotreba pretpisa apsolutni je zahtjev u mnogim prilikama. I općenito, možda ćete naići na situacije u kojima je prikladan tekst za pretplatu. U HTML-u, svaki tekst pod oznakom u pregledniku će raditi kao podpisnik.

Primjer

Ovo je normalan tekst Primjećujete li nešto drugačije s ovim tekstom?

Izlaz:

8. Izbrisani tekst u HTML5

Oznaka se koristi kao logični način da se pregledniku kaže da se tekst unutar teksta briše. Imajte na umu da je korisniku prikazani tekst jednak oznaci u precrtanoj oznaci, što znači da je prikazan u precrtanom oblikovanju.

Primjer

Ovo je normalan tekst Ovo je tekst između del tag.

Izlaz:

9. Nadređeno oblikovanje teksta u HTML5

Tekst u oznaci prikazan je nadnaslovom. To je korisno u matematici, kemiji i drugim mjestima gdje se matematika bavi. Oznaku možete koristiti i kada citirate dodavanje veza na stranici.

Primjer

Ovo je normalan tekst Ovaj je tekst nadnaslovom.

Izlaz:

10. Povećavanje veličine teksta s HTML oblikovanjem

U slučajevima kada vam je potreban tekst veće veličine na zaslonu, ali ne želite upotrebljavati zaglavlje ili povećavati veličinu fonta pomoću oznake, korištenje sadržaja između ove oznake prikazat će se u znatno većoj veličini teksta.

Primjer

Ovo je normalan tekst Ovaj tekst u većoj veličini.

Izlaz:

11. Smanjivanje teksta s HTML-om

Slično kao i oznaku, možete koristiti i za smanjivanje teksta na zaslonu bez upotrebe CSS-a ili naslova.

Primjer:

Ovo je normalan tekst, a veličina ovog teksta je manja

Izlaz:

Zaključak

Sada kada ste naučili kako funkcionira oblikovanje teksta u HTML-u, trebali biste biti u mogućnosti dizajnirati stranice s pravilnim izgledom i oblikovanjem teksta profesionalnog izgleda. Trebali biste koristiti normalan tekst i formatiranje kad je to moguće, a upotreba prilagođenog oblikovanja samo kad je potrebno daje vašim stranicama uredan izgled. Važna je i veličina normalnog teksta, premala je i na čitanje će se negativno utjecati, a ako je prevelik, na ekranu će biti odjednom manje informacija.

Preporučeni članci

Ovo je vodič za oznake za oblikovanje teksta HTML-a. Ovdje smo razgovarali o tome kako formatirati tekst pomoću različitih HTML oznaka oblikovanja. Možete također pogledati sljedeće članke da biste saznali više -

  1. Kako funkcionira HTML
  2. HTML naredbe
  3. Što je XML?
  4. Oznake HTML formata

Kategorija:

Alati za web razvoj