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!

Elementi HTML Stranice

HTML (Hypertext Markup Language) stranice se sastoje od različitih elemenata koji se koriste za označavanje i organizaciju sadržaja na stranici. Evo nekoliko osnovnih elemenata HTML stranice:

• Naslovi (<h1>, <h2>, <h3>, itd.): Naslovi se koriste za označavanje različitih nivoa naslova na stranici.
• Paragrafi (<p>): Oznaka <p> se koristi za označavanje paragrafa teksta na stranici.
• Linkovi (<a>): Oznaka <a> se koristi za kreiranje hyperlinkova na druge web stranice ili resurse.
• Slike (<img>): Oznaka <img> se koristi za prikazivanje slika na stranici.
• Liste (<ul>, <ol>, <li>): Oznake <ul> i <ol> se koriste za kreiranje neuređenih i uređenih lista, dok se oznaka <li> koristi za označavanje stavki unutar lista.
• Tabele (<table>, <tr>, <th>, <td>): Oznaka <table> se koristi za kreiranje tabela na stranici.
• Forme (<form>, <input>, <textarea>, <button>): Oznaka <form> se koristi za kreiranje obrazaca na stranici.
• Osnovna struktura (<html>, <head>, <body>): Ove oznake definišu osnovnu strukturu HTML dokumenta.
• Metapodaci (<title>, <meta>): Oznaka <title> se koristi za postavljanje naslova dokumenta.
• Sekcije (<div>, <span>): Oznake <div> i <span> se koriste za grupisanje i stilizaciju elemenata.