Oct 28, 2023

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.

Šta je HTML?

HTML (Hypertext Markup Language) je standardizovani jezik za označavanje i strukturiranje sadržaja na web stranicama. To je osnovni jezik web developmenta i omogućava kreiranje i formatiranje tekstualnog i multimedijalnog sadržaja na webu. HTML koristi "oznake" (tags) da definiše različite elemente na web stranici i kako će se prikazivati pregledačima.

Osnovne karakteristike HTML-a uključuju:

  1. Oznake (Tags): HTML koristi oznake da označe različite elemente na stranici, kao što su naslovi, paragrafi, slike, linkovi, tabele, forme itd.
  2. Struktura: HTML dokument se sastoji od osnovne strukture, uključujući <html>, <head> i <body>.
  3. Atributi: Oznake često sadrže atribute koji pružavaju dodatne informacije o elementima.
  4. Hijerarhija: Oznake se često koriste u ugnježdenim strukturama, stvarajući hijerarhiju elemenata na stranici.
  5. Stilizacija: Iako je HTML osnovni jezik za strukturu, stilizacija se obično postiže pomoću CSS-a (Cascading Style Sheets).

HTML se neprestano razvija kroz različite verzije, pri čemu se dodaju nove elemente i funkcionalnosti kako bi se omogućila naprednija interaktivnost i multimedijalni sadržaj na webu. HTML5, na primer, donosi mnoge nove mogućnosti za video, audio, grafičke efekte i bolju podršku za mobilne uređaje.

Svaki HTML dokument je osnovna jedinica za kreiranje web stranica. HTML dokument definiše strukturu i sadržaj web stranice i omogućava web pregledačima da tumače i prikažu te informacije korisnicima.

HTML dokument se sastoji od tri osnovna dela: <html>, <head>, i <body>

<html> označava početak i kraj HTML dokumenta.

<head> sadrži metapodatke o stranici, kao što su naslov, karakterna šifra, veze ka spoljnim resursima i druge informacije koje nisu vidljive na samoj stranici.

<body> sadrži vidljivi sadržaj stranice, kao što su tekst, slike, linkovi, forme i ostali elementi koje korisnici vide i interagiraju sa njima.