Oct 28, 2023

HTML Atribut Style

HTML atribut style se koristi za postavljanje stilova (CSS) direktno na HTML elementima. Ovaj atribut omogućava vam da definišete stilove kao atribute za pojedinačne HTML elemente, što može biti korisno kada želite primeniti stilove samo na određene delove vaše web stranice. Evo kako se koristi style atribut:
        <p style="color: blue; font-size: 16px;">
        Ovo je plavi tekst veličine 16 piksela.</p>
    

U ovom primeru, style atribut je postavljen na <p> element, a vrednost atributa je CSS deklaracija koja definiše boju teksta (plava) i veličinu fonta (16 piksela) za taj paragraf. Možete koristiti različite CSS svojstva i vrednosti u style atributu kako biste prilagodili izgled i stil pojedinačnih elemenata.

Međutim, treba napomenuti da se upotreba style atributa obično ne preporučuje za velike stilizacije web stranica, jer može dovesti do neurednog i teško održivog koda. Umesto toga, preporučuje se da koristite odvojeni CSS fajl (ili interno stilizovanje u <style> sekciji) kako biste centralizovano upravljali stilovima za celu web stranicu. style atribut je koristan kada želite brzo primeniti stil na određeni element ili kada pravite jednostavne primere.

Ovde su neki od najčešće korišćenih CSS svojstava koje možete postaviti putem style atributa:

  • color: Boja teksta.
  • font-size: Veličina fonta.
  • background-color: Boja pozadine.
  • font-family: Izbor fonta.
  • text-align: Poravnanje teksta (npr. "left", "center", "right").
  • margin, padding: Spacing i margine oko elementa.

Važno je napomenuti da se style atribut primenjuje na jedan element, dok se stilovi u odvojenim CSS fajlovima mogu primeniti na više elemenata i pružaju bolju organizaciju i održavanje stilova na celoj web stranici.

HTML Paragrafi

HTML oznaka za paragraf je <p>. Paragraf se koristi za formatiranje i grupisanje teksta u blokove na web stranici. Evo kako možete koristiti oznaku za paragraf:

        <p>Ovo je primer paragrafa. Tekst unutar ove oznake će biti 
    prikazan kao odvojen paragraf na web stranici.</p>
    

U ovom primeru, tekst između <p> i </p> oznaka će biti prikazan kao odvojen paragraf na web stranici. Oznake <p> se često koriste za formatiranje teksta, dodavanje odeljaka i organizaciju sadržaja na stranici.

Ako želite da dodate više paragrafa, jednostavno ponovite oznaku <p> i </p> za svaki paragraf:

        <p>Prvi paragraf.</p>
        <p>Drugi paragraf.</p>
        <p>Treći paragraf.</p>
    

Ovo će stvoriti tri odvojena paragrafa na web stranici. Možete dodati tekst, slike ili druge elemente unutar oznake za paragraf kako biste oblikovali sadržaj na svojoj stranici.

HTML Naslovi

Naslovi u HTML-u se označavaju pomoću oznaka od <h1> do <h6>, pri čemu <h1> označava najvažniji naslov, a <h6> označava najmanje važan naslov. Naslovi se koriste za organizaciju i hijerarhijsko označavanje sadržaja na web stranici. Evo primera naslova sa odgovarajućim oznakama:

Naslov nivoa 1 (<h1>):

<h1>Ovo je naslov nivoa 1</h1>

Naslov nivoa 2 (<h2>):

<h2>Ovo je naslov nivoa 2</h2>

Naslov nivoa 3 (<h3>):

<h3>Ovo je naslov nivoa 3</h3>

Naslov nivoa 4 (<h4>):

<h4>Ovo je naslov nivoa 4</h4>

Naslov nivoa 5 (<h5>):
        <h5>Ovo je naslov nivoa 5</h5>
    
Naslov nivoa 6 (<h6>):
        <h6>Ovo je naslov nivoa 6</h6>
    

Naslovi se koriste za strukturu stranice i daju informaciju o važnosti ili hijerarhiji sadržaja. Obično, <h1> se koristi za naslov stranice, dok se ostali naslovi koriste za podnaslove ili podsekcije. Kada se koristi pravilno, ovi naslovi pomažu u boljem razumevanju i navigaciji po web stranici.