HTML-keel sisaldab mitmeid elemente. Nende hulka kuuluvad tavaliselt kasutatavad veebisaidi komponendid nagu lõigud, pealkirjad, lingid ja pildid. Samuti on HTML5-ga kasutusele võetud mitmeid uuemaid elemente, sealhulgas päis, nav, footer ja palju muud. Kõiki neid HTML-elemente kasutatakse dokumendi struktuuri loomiseks ja sellele tähenduse andmiseks. Elementidele veelgi suurema tähenduse lisamiseks võite anda neile atribuudid.
Põhiline HTML-i avamismärgend algab tähemärgiga <. sellele j sildi nimi ja l lisate m> märgiga. Näiteks avalõigu silt kirjutatakse järgmiselt:
Omadusele atribuudi lisamiseks HTML-märgend, panete esmalt sildi nime järele tühiku (antud juhul on see "p"). Seejärel lisate atribuudi nime, mida soovite kasutada, millele järgneb võrdusmärk. Lõpuks paigutatakse atribuudi väärtus jutumärkidesse. Näiteks:
Siltidel võib olla mitu atribuuti. Iga atribuut eraldataks teistest tühikuga.
Nõutavate atribuutidega elemendid
Mõni HTML-element nõuab tegelikult atribuute, kui soovite, et need töötaksid ettenähtud viisil. Kujutise element ja lingi element on selle kaks näidet.
The pildi element nõuab atribuuti "src". See atribuut ütleb brauserile, millist pilti soovite selles asukohas kasutada. Atribuudi väärtus oleks faili tee pildile. Näiteks:
Märkate, et lisasime sellele elemendile veel ühe atribuudi "alt" või alternatiivse teksti atribuudi. See pole piltide jaoks tehniliselt nõutav atribuut, kuid on parim tava lisada see sisu alati juurdepääsetavuse huvides. Atribuudi alt väärtuses loetletud tekst kuvatakse siis, kui pilti ei õnnestu laadida mingil põhjusel.
Teine element, mis nõuab konkreetseid atribuute, on ankur või lingi silt. See element peab sisaldama atribuuti "href", mis tähistab hüpertekstiviidet. See on uhke viis öelda "kus see link peaks minema. "Nii nagu pildielement peab teadma, millist pilti laadida, peab ka lingi silt teadma, kuhu see peaks meeldima kuni. Lingimärgend võib välja näha nii:
See link viib inimese nüüd atribuudi väärtuses määratud veebisaidile. Sel juhul on see Dotdashi avaleht.
Atribuudid CSS-konksudena
Atribuutide teine kasutusviis on see, kui neid kasutatakse "konksudena" CSS-i stiilid. Kuna veebistandardid nõuavad, et peate oma lehe struktuuri (HTML) selle stiilidest eraldi hoidma (CSS), kasutate neid atribuutikonksusid CSS-is, et dikteerida, kuidas struktureeritud leht veebis kuvatakse brauser. Näiteks võib see märgistus olla teie HTML-dokumendis.
Kui soovite, et selle jaotuse taustavärv oleks must (# 000) ja fondisuurus 1,5em, lisaksite selle oma CSS-i:
.omadustega {taustavärv: # 000; fondi suurus: 1,5em;}
"Featured" klassi atribuut toimib konksuna, mida kasutame CSS-is selle piirkonna stiilide rakendamiseks. Soovi korral võiksime siin kasutada ka atribuuti ID. Nii klassid kui ka ID-d on universaalsed atribuudid, mis tähendab, et neid saab lisada igale elemendile. Selle elemendi visuaalse väljanägemise kindlakstegemiseks saab neid mõlemat sihtida konkreetsete CSS-stiilidega.
Javascripti kohta
Lõpuks, atribuutide kasutamine teatud HTML-elementidel on ka see, mida võite Javascriptis kasutada. Kui teil on skript, mis otsib konkreetse ID-atribuudiga elementi, on see HTML-i selle tavalise tüki järjekordne kasutus.