HTML jezik sadrži niz elemenata. To uključuje uobičajene dijelove web-lokacije kao što su odlomci, naslovi, veze i slike. Postoji i niz novijih elemenata koji su predstavljeni s HTML5, uključujući zaglavlje, nav, podnožje i još mnogo toga. Svi ti HTML elementi koriste se za stvaranje strukture dokumenta i davanje značenja. Da biste dodali još više značenja elementima, možete im dati atribute.
Osnovna oznaka otvaranja HTML-a počinje s
Da biste dodali atribut svojoj HTML oznaku, prvo stavite razmak nakon naziva oznake (u ovom slučaju "p"). Tada biste dodali naziv atributa koji želite upotrijebiti, a slijedite ga jednakim znakom. Konačno, atributna vrijednost bi bila postavljena u navodnike. Na primjer:
Oznake mogu imati više atributa. Svaki atribut biste odvojili od drugih s prostorom.
Elementi s potrebnim atributima
Neki HTML elementi zapravo zahtijevaju atribute ako želite da rade u skladu s namjeravanjem. Element slike i element veza dva su primjera toga.
Element slike zahtijeva atribut "src". Taj atribut govori pregledniku koju sliku želite koristiti na toj lokaciji. Vrijednost atributa bi bila putanje datoteke na sliku. Na primjer:
Primijetit ćete da sam dodao još jedan atribut ovom elementu, "alt" ili alternativnom tekstu atribut. Ovo nije tehnički potreban atribut za slike, ali je najbolja praksa da uvijek uključite ovaj sadržaj za dostupnost. Tekst naveden u vrijednosti atributa alt je ono što će se prikazati ako se slika ne učita iz nekog razloga.
Drugi element koji zahtijeva određene atribute je sidro ili vezna oznaka. Ovaj element mora sadržavati atribut "href" koji označava "hipertekstualnu referencu". To je fancy način da se kaže "gdje bi ova veza trebala ići." Baš kao što element elemenata slike mora znati koju sliku učitavati, oznaka veze mora znajte gdje bi to željeli. Evo kako izgleda oznaka veze:
Ta veza sada bi dovela osobu na web stranicu navedenu 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 bi strukturu vaše stranice (HTML) trebala biti odvojena od svojih stilova (CSS), ove CSS atributne oznake koristite kako biste odredili kako će strukturirana stranica biti prikazana u web pregledniku. Na primjer, možete imati ovaj komad označavanja u HTML dokumentu.
Ako želite da podjela ima boju pozadine crne boje (# 000) i veličinu fonta od 1.5em, dodali biste ga u svoj CSS:
.fotured {background-color: # 000; veličina slova: 1.5em;}Oznaka klase "istaknuta" djeluje kao kuka koju koristimo u CSS-u kako bismo primijenili stilove na tom području. Možemo također dodati i ID atribut ovdje. Obje klase i ID-ovi su univerzalni atributi, što znači da se mogu dodati bilo kojem elementu. Također se mogu ciljati i na određene CSS stilove kako bi se odredio vizualni izgled tog elementa.
Što se tiče Javascripta
Konačno, upotreba atributa na određenim HTML elementima također je nešto što možete koristiti u Javascriptu. Ako imate skriptu koja traži element s određenim ID atributom, to je još jedna upotreba tog zajedničkog dijela HTML jezika.