A HTML nyelv számos elemet tartalmaz. Ide tartoznak az általánosan használt weboldal összetevői mint bekezdések, címsorok, linkek és képek. Számos újabb elem létezik, amelyeket a HTML5 segítségével vezettek be, beleértve a fejlécet, a navigációt, a láblécet és egyebeket. Ezeket a HTML elemeket a dokumentum felépítésének létrehozására és jelentésének megadására használják. Ha még több jelentést szeretne adni az elemeknek, attribútumokat adhat nekik.
Egy alap HTML nyitó címke a
Attribútum hozzáadása a HTML címke, először a szócím neve után tegyen szóközt (ebben az esetben ez a "p"). Ezután hozzá kell adni a használni kívánt attribútumnevet, amelyet egyenlőségjel követ. Végül az attribútum értékét idézőjelekbe helyezzük. Például:
A címkéknek több attribútuma lehet. Az egyes attribútumokat szóközzel választaná el a többitől.
Néhány HTML elemhez tulajdonképpen attribútumok szükségesek, ha azt szeretné, hogy a rendeltetésszerűen működjenek. A képelem és a linkelem erre két példa. Szükséges attribútumokkal rendelkező elemek
A kép elem megköveteli az "src" attribútumot. Ez az attribútum megmondja a böngészőnek, hogy melyik képet szeretné használni az adott helyen. Az attribútum értéke egy fájl elérési útja lenne a képhez. Például:
Észre fogja venni, hogy ehhez az elemhez hozzáadtunk egy másik attribútumot, az "alt" vagy az alternatív szöveg attribútumot. Ez technikailag nem kötelező attribútum a képeknél, de a legjobb gyakorlat, ha ezt a tartalmat mindig az akadálymentesség érdekében tartalmazzuk. Az alt attribútum értékében felsorolt szöveg akkor jelenik meg, ha egy a kép betöltése nem sikerült valamilyen oknál fogva.
Egy másik elem, amely specifikus attribútumokat igényel, a horgony vagy a link címke. Ennek az elemnek tartalmaznia kell a "href" attribútumot, amely a "hipertext referenciát" jelenti. Ez egy fantasztikus módszer a "hol ennek a linknek el kell mennie. "Ahogyan a képelemnek is tudnia kell, hogy melyik képet töltse be, a linkcímkének is tudnia kell, hova kell nak nek. Így nézhet ki egy linkcímke:
Ez a link most egy személyt az attribútum értékében megadott webhelyre vezet. Ebben az esetben ez a Dotdash főoldala.
Attribútumok CSS Hookként
Az attribútumok másik használata, amikor "horgokként" használják őket CSS stílusok. Mivel az internetes szabványok előírják, hogy az oldal struktúráját (HTML) külön kell tartania a stílusától (CSS), ezeket az attribútum kampókat használja a CSS-ben annak meghatározásához, hogy a strukturált oldal hogyan jelenik meg az interneten böngésző. Például megadhatja ezt a jelölést a HTML-dokumentumban.
Ha azt szeretné, hogy az osztás háttérszíne fekete (# 000) és betűmérete 1,5em legyen, akkor ezt adja hozzá a CSS-hez:
.featured {háttérszín: # 000; betűméret: 1,5em;}
A "Featured" class attribútum horogként működik, amelyet a CSS-ben használunk stílusok alkalmazására az adott területen. Itt is használhatunk egy ID attribútumot, ha akarjuk. Az osztályok és az azonosítók egyaránt univerzális attribútumok, ami azt jelenti, hogy bármely elemhez hozzáadhatók. Mindkettőt megcélozhatják speciális CSS-stílusokkal az elem vizuális megjelenésének meghatározása érdekében.
A Javascriptet illetően
Végül az attribútumok használata bizonyos HTML elemeken szintén használható a Javascriptben. Ha van olyan szkripted, amely egy elemet keres, amely egy meghatározott ID attribútummal rendelkezik, akkor ez a HTML nyelv ezen általános részének újabb felhasználása.