Jezik HTML vsebuje več elementov. Te vključujejo pogosto uporabljene komponente spletnega mesta, kot so odstavki, naslovi, povezave in slike. Obstajajo tudi številni novejši elementi, ki so bili uvedeni z HTML5, vključno z glavo, nav, nogo in drugo. Vsi ti HTML elementi se uporabljajo za ustvarjanje strukture dokumenta in mu dajo smisel. Če želite elementom dodati še več pomena, jim lahko dodelite atribute.
Osnovna oznaka za odpiranje HTML se začne z
Če želite dodati atribut oznaki HTML, najprej postavite presledek po imenu oznake (v tem primeru to je "p"). Potem bi dodali ime atributa, ki ga želite uporabiti, ki mu sledi enak znak. Nazadnje, vrednost atributa bi bila postavljena v narekovaje. Na primer:
Oznake imajo lahko več atributov. Vsak atribut bi ločil od drugih s presledkom.
Elementi z zahtevanimi atributi
Nekateri elementi HTML dejansko zahtevajo atribute, če želite, da delajo, kot je bilo predvideno. Element slike in povezovalni element sta dva primera tega.
Element slike zahteva atribut »src«. Ta atribut pove brskalniku, katero sliko želite uporabiti na tej lokaciji. Vrednost atributa bi bila pot do datoteke na sliki. Na primer:
Opazili boste, da sem temu elementu dodal še en atribut, alt ali alternativni tekstni atribut. To ni tehnično zahtevan atribut za slike, vendar je najboljša praksa, da to vsebino vedno vključite v dostopnost. Besedilo, navedeno v vrednosti alt atributa, je tisto, kar se bo prikazalo, če se slika zaradi nekega razloga ne naloži .
Drugi element, ki zahteva posebne atribute, je oznaka sidra ali povezava. Ta element mora vključevati atribut »href«, ki označuje »hipertekstno sklicevanje«. To je prefinjen način, da poveste, "kje bi morala biti ta povezava." Podobno kot element slikovne slike mora vedeti, katero sliko naj naloži, oznaka povezave mora vedo, kje bi to rad. Tukaj je, kako lahko izgleda oznaka povezave:
Ta povezava bi zdaj pripeljala osebo na spletno mesto, navedeno v vrednosti atributa. V tem primeru je glavna stran.
Atributi kot CSS Hooks
Druga uporaba atributov je, kadar se uporabljajo kot "kljuke" za sloge CSS. Ker spletni standardi narekujejo, da bi morala biti struktura vaše strani (HTML) ločena od njegovih slogov (CSS), uporabite te kode atributov v CSS, da bi narekovali, kako se bo strukturirana stran prikazala v spletnem brskalniku. Na primer, lahko imeli ta del označbe v vašem HTML dokumentu.
Če želite, da ima ta delitev barvo ozadja črne barve (# 000) in velikost pisave v velikosti 1,5, bi to dodali v svoj CSS:
.featured {background-color: # 000; velikost pisave: 1.5em;}Atribut razreda »prikazano« deluje kot kavelj, ki ga uporabljamo v CSS, da uporabimo sloge na to območje. Lahko bi tudi mi atribut ID, če želimo. Oba razreda in ID sta univerzalni atributi, kar pomeni, da jih je mogoče dodati kateremu koli elementu. Oba sta lahko ciljno usmerjena s posebnimi slogi CSS, da bi določili vizualni videz tega elementa.
Glede Javascripta
Nazadnje, uporaba atributov za nekatere elemente HTML je tudi nekaj, kar lahko uporabite v Javascriptu. Če imate skript, ki išče element s posebnim atributom ID, je to še ena uporaba tega običajnega dela jezika HTML.