HTML hizkuntza elementu ugari dago. Horien artean, ohiko erabilitako webguneko osagaiak daude, besteak beste, paragrafoak, izenburuak, estekak eta irudiak. HTML5-rekin sartutako elementu berrien kopurua ere badaude, goiburua, zilarra, orri-oina eta gehiago barne. HTML elementu horiek guztiak dokumentu baten egitura sortzeko eta esanahia emateko erabiltzen dira. Elementu gehiago esanahi gehiago gehitzeko, atributuak eman ditzakezu.
Oinarrizko HTML irekitzeko etiketa bat hasten da
Zure HTML etiketaren atributu bat gehitzeko, jarri lehenengo espazioa izenaren ondoren (kasu honetan "p"). Ondoren, erabili nahi duzun atributuaren izena gehitu beharko zenzu zeinu berdina jarraituz. Azkenean, atributuaren balioa komatxoen artean jarriko litzateke. Adibidez:
Etiketak atributu ugari izan ditzake. Atributu bakoitza beste lekuetatik bereiztuko zenuke.
Elementuak Beharrezko Atributuak
Elementu HTML batzuk benetan behar diren atributuak eskatzen dituzte nahi bezala lan egiteko. Irudiaren elementua eta lotura elementua honen adibide dira.
Irudi elementuak "src" atributua behar du. Atributu honek kokapen horretan erabili nahi duzun irudia erakusten dio arakatzaileari. Atributuaren balioa irudiaren bide-izen bat izango litzateke. Adibidez:
Beste elementu honi "alt" edo ordezko testuaren atributuari gehitu diot beste elementu bat gehitu dutela. Hau ez da teknikoki beharrezko irudientzako beharrezkoa, baina beti eduki praktikorik eduki hau irisgarritasunerako. Alt atributuaren balioan zerrendatutako testua irudi bat kargatzen ez bada arrazoi batengatik bistaratuko da.
Atributu espezifikoak behar dituen beste elementu bat aingura edo lotura etiketa da. Elementu honek "href" atributua izan behar du, hau da, "hipertestuaren erreferentzia" esaten duena. Hau da "esteka hau non joan behar den" esateko modua. Irudiaren elementuak kargatzeko duen irudia jakin behar duen bezala, esteka-etiketa jakin nahi zuen lekuan. Hona hemen esteka-etiketa nola begiratu daitekeen:
Esteka hau pertsona batek atributu baten balioan zehaztutako webgunera eramango luke. Kasu honetan, orriaren orri nagusia da.
Atributuak CSS Hooks gisa
Atributuen beste erabilera bat CSS estiloetarako "kako" gisa erabiltzen dira. Web estandarrak zure orriaren egitura (HTML) bere estiloetatik bereizteko (CSS) gorde behar izan ezkero, CSS atal atributu hauek erabiltzen dituzu web orri egituratuak nola erakutsiko duen azaltzeko. Esate baterako, marka hau zure HTML dokumentuan izan dezakezu.
Zatiketa zuriak beltzaren atzeko planoaren (# 000) eta 1.5em-eko letra-tamaina izan nahi baduzu, gehitu hau zure CSSari:
.featured {background-color: # 000; font-size: 1.5em;}"Ezaugarri" klasearen atributuak CSS erabiltzen dugun kako bat bezala funtzionatzen du estilo horiei. Oraindik nahi genezake IDaren atributua. Bi klaseak eta IDak atributu unibertsalak dira, hau da, edozein elementutara erants daiteke. Era berean, CSS estiloko berariazko estiloei zuzenduko zaie, elementu horren itxura bisuala zehazteko.
Javascript dagokionez
Azkenean, HTML elementu jakin batzuen atributuak ere erabil daitezke Javascript-en. Idatzizko atributu espezifiko bat duen elementu bat bilatzen duen script bat badago, hau da HTML hizkuntzarako ohiko beste erabilera bat.