HTML jezik uključuje niz elemenata. Ovo uključuje najčešće korišćene komponente veb sajta kao što su paragrafi, zaglavlja, linkovi i slike. Postoji i niz novih elemenata koji su uvedeni sa HTML5, uključujući i zaglavlje, nav, podnožje i još mnogo toga. Svi ovi HTML elementi se koriste za kreiranje strukture dokumenta i daju im smisao. Da biste dodali još značenje elementima, možete im dati atribute.
Osnovna oznaka HTML otvaranja počinje sa
Da biste dodali atribut HTML tagu, prvo stavite razmak nakon imena oznake (u ovom slučaju to je "p"). Zatim biste dodali ime atributa koje želite koristiti, nakon čega sledi znak jednakosti. Konačno, vrijednost atributa biće stavljena u nareñenje. Na primjer:
Oznake mogu imati više atributa. Svaki atribut bi odvojio od drugih sa prostorom.
Elementi sa potrebnim atributima
Neki HTML elementi zapravo zahtevaju atribute ako želite da rade kako treba. Element slike i element veze su dva primera ovoga.
Element slike zahteva atribut "src". Taj atribut govori pretraživaču koju sliku želite koristiti na toj lokaciji. Vrednost atributa biće putanja datoteke na sliku. Na primjer:
Primetili ste da sam dodao još jedan atribut ovom elementu, atribut "alt" ili alternativni tekst. Ovo nije tehnički obavezan atribut za slike, ali je najbolja praksa da uvek uključite ovaj sadržaj za pristupačnost. Tekst naveden u vrijednosti alt atributa je ono što će se prikazati ako slika ne učita iz nekog razloga.
Drugi element koji zahtijeva određene atribute je sidro ili linkova. Ovaj element mora uključivati atribut "href", koji označava "hipertekstualnu referencu". To je fantastičan način govora "gdje bi ova veza trebalo da ide". Kao što element slike mora znati koju sliku treba da učita, oznaka veze mora znate gde bi to trebalo. Evo kako izgleda oznaka veze:
Ta veza bi sada dovela osobu na veb lokaciju koja je navedena u vrijednosti atributa. U ovom slučaju, to je glavna stranica.
Atributi kao CSS kuke
Druga upotreba atributa je kada se koriste kao "kuke" za CSS stilove. Budući da web standardi diktiraju da trebate držati strukturu vaše stranice (HTML) odvojene od svojih stilova (CSS), koristite ove kuke atributa u CSS-u kako biste diktirali kako će strukturna stranica prikazati u web pretraživaču. Na primjer, možete imati ovaj dio markiranja u HTML dokumentu.
Ako ste želeli da ta podela ima crnu boju pozadine (# 000) i veličinu fonta od 1.5 eema, dodajte ovo u svoj CSS:
.featured {background-color: # 000; font-size: 1.5em;}Atribut "istaknutog" klase deluje kao kukica koju koristimo u CSS-u da primenjujemo stilove na to područje. Takođe možemo i mi atribut ID-a ako želimo. I klase i ID su univerzalni atributi, što znači da se oni mogu dodati bilo kom elementu. Oni takođe mogu biti ciljani sa određenim stilovima CSS-a da bi se utvrdio vizuelni izgled tog elementa.
Što se tiče Javascripta
Konačno, korišćenje atributa na određenim HTML elementima takođe je nešto što možete koristiti u Javascriptu. Ako imate skriptu koja traži element sa određenim atributom ID-a, to je još jedna upotreba ovog zajedničkog komada HTML-jezika.