HTML jezik uključuje brojne elemente. Uključuju često korištene komponente web mjesta poput odlomaka, naslova, poveznica i slika. Postoji i niz novijih elemenata koji su uvedeni s HTML5, uključujući zaglavlje, nav, podnožje i još mnogo toga. Svi se ovi HTML elementi koriste za stvaranje strukture dokumenta i davanje značenja. Da biste elementima dodali još više značenja, možete im dodijeliti atribute.
Osnovna HTML početna oznaka započinje znakom <. nakon toga slijedi naziv oznake i na kraju oznaku dopunjujete znakom>. Na primjer, oznaka uvodnog odlomka napisala bi se ovako:
Da biste dodali atribut u svoj HTML oznaka, prvo stavljate razmak nakon naziva oznake (u ovom slučaju to je "p"). Tada biste dodali ime atributa koje želite koristiti, a zatim znak jednakosti. Konačno, vrijednost atributa stavljala bi se u navodnike. Na primjer:
Oznake mogu imati više atributa. Svaki atribut odvojili biste razmakom od ostalih.
Elementi s potrebnim atributima
Neki HTML elementi zapravo trebaju atribute ako želite da rade kako je predviđeno. Element slike i element veze dva su primjera za to.
The element slike zahtijeva atribut "src". Taj atribut govori pregledniku koju sliku želite koristiti na tom mjestu. Vrijednost atributa bila bi put datoteke do slike. Na primjer:
Primijetit ćete da smo ovom elementu dodali još jedan atribut, atribut "alt" ili zamjenski tekst. To tehnički nije potreban atribut za slike, ali najbolja je praksa uvijek uključiti ovaj sadržaj radi pristupačnosti. Tekst naveden u vrijednosti atributa alt je ono što će se prikazati ako se pojavi slika se ne može učitati iz nekog razloga.
Drugi element koji zahtijeva određene atribute je sidro ili oznaka veze. Ovaj element mora sadržavati atribut "href", koji označava "hipertekstualnu referencu." ova bi veza trebala ići. "Baš kao što element slike mora znati koju sliku učitati, oznaka veze mora znati gdje bi trebala do. Evo kako oznaka veze može izgledati:
Ta bi veza sada dovela osobu do web mjesta navedenog u vrijednosti atributa. U ovom je slučaju to glavna stranica Dotdash-a.
Atributi kao CSS udice
Druga je upotreba atributa kada se koriste kao "kuke" za CSS stilovi. Budući da web standardi nalažu da strukturu stranice (HTML) držite odvojeno od njezinih stilova (CSS), koristite ove udice atributa u CSS-u da biste odredili kako će se strukturirana stranica prikazivati na webu preglednik. Na primjer, ovaj biste dio oznake mogli imati u svom HTML dokumentu.
Ako želite da ta podjela ima crnu boju pozadine (# 000) i veličinu fonta 1,5em, dodali biste ovo u svoj CSS:
.obilježeno {background-color: # 000; veličina slova: 1,5em;}
Atribut klase "istaknuto" djeluje kao udica koju koristimo u CSS-u za primjenu stilova na to područje. Ovdje bismo također mogli koristiti atribut ID ako želimo. I klase i ID-ovi su univerzalni atributi, što znači da se mogu dodati bilo kojem elementu. Oboje se također mogu ciljati određenim CSS stilovima kako bi se odredio vizualni izgled tog elementa.
Što se tiče Javascripta
Napokon, korištenje 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 ovog uobičajenog dijela HTML jezika.