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!