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.

HTML Atributi

HTML atributi su dodatne informacije koje se pridružuju HTML oznakama da bi se prilagodio ili proširio njihov sadržaj ili ponašanje. Atributi se obično koriste za postavljanje vrednosti ili opcija za HTML elemenata. Evo nekoliko čestih HTML atributa i njihovih primera:

• src: Atribut src se koristi za postavljanje izvora slike ili druge multimedijalne datoteke.
• href: Atribut href se koristi za postavljanje URL-a za hyperlinkove.
• alt: Atribut alt se koristi za pružanje alternativnog teksta za sliku.
• width i height: Atributi width i height se koriste za postavljanje širine i visine slike.
• class i id: Atributi class i id se koriste za dodeljivanje CSS stilova ili za identifikaciju elemenata putem JavaScript-a.
• value: Atribut value se često koristi za postavljanje vrednosti polja forme.
• placeholder: Atribut placeholder se koristi za postavljanje privremenog teksta u poljima forme.
• disabled: Atribut disabled se koristi za onemogućavanje ili zaključavanje određenih elemenata forme ili dugmadi.
• target: Atribut target se koristi za postavljanje načina otvaranja hyperlinkova u novom prozoru ili tabu.

Ovo su samo neki od uobičajenih HTML atributa i njihovih primera. Atributi variraju u zavisnosti od elemenata i služe za prilagođavanje i oblikovanje sadržaja na web stranici.

Primeri atributa:

Atribut src za slike:

        <img src="slika.jpg" alt="Opis slike">
    

Atribut href za hyperlinkove:

        <a href="https://www.example.com">Posetite Example.com</a>
    

Atribut alt za opis slike:

        <img src="slika.jpg" alt="Opis slike">
    

Atributi width i height za dimenzije slike:

        <img src="slika.jpg" alt="Opis slike" width="300" height="200">
    

Atributi class i id za stilizaciju i identifikaciju elemenata:

        <p class="tekst-paragrafa">Ovo je paragraf sa određenim 

            stilom.</p>
        <div id="kontejner">Ovo je div element sa jedinstvenim 

            identifikatorom.</div>
    

Atribut value za unos teksta u formi:

        <input type="text" name="korisnicko_ime" value="Vaše 

            korisničko ime">
    

Atribut placeholder za privremeni tekst u poljima forme:

        <input type="email" name="email" placeholder="Unesite svoj 

            e-mail">
    

Atribut disabled za onemogućavanje dugmeta forme:

        <button type="submit" disabled>Pošalji</button>
    

Atribut target za otvaranje hyperlinkova u novom tabu:

        <a href="https://www.example.com" target="_blank">Posetite 

            Example.com</a>
    

Svaki primer ilustruje specifičnu upotrebu atributa u HTML-u. Ovi atributi su od suštinskog značaja za kreiranje interaktivnih i prilagodljivih web stranica. Sada imate osnovno razumevanje kako ih koristiti u praksi. Srećno sa svojim HTML projektima!