Gjuha HTML përfshin një numër elementash. Këto përfshijnë komponentët e përdorura zakonisht të internetit si paragrafët, titujt, lidhjet dhe imazhet. Ekzistojnë gjithashtu një numër elementash më të reja që u prezantuan me HTML5, duke përfshirë header, nav, footer dhe më shumë. Të gjitha këto elementë HTML përdoren për të krijuar strukturën e një dokumenti dhe për t'i dhënë kuptim. Për të shtuar më shumë kuptim tek elementët, ju mund t'i jepni ato atribute.
Një element bazë i hapjes së HTML fillon me
Për të shtuar një atribut në tagun tuaj HTML, së pari vendosni një hapësirë pas emrit të tagut (në këtë rast që është "p"). Pastaj do të shtoni emrin e atributit që dëshironi të përdorni pasuar nga një shenjë e barabartë. Së fundi, vlera atribut do të vendoset në thonjëza. Për shembull:
Etiketat mund të kenë atribute të shumta. Ju do të ndani çdo atribut nga të tjerët me një hapësirë.
Elemente me atributet e kërkuara
Disa elementë HTML në të vërtetë kërkojnë atribute nëse doni që ata të punojnë sipas qëllimit. Elementi i imazhit dhe elementi i lidhjes janë dy shembuj të kësaj.
Elementi i imazhit kërkon atributin "src". Ky atribut tregon shfletuesin se cilin imazh ju dëshironi të përdorni në atë vend. Vlera e atributit do të ishte një rrugë e skedarit në imazhin. Për shembull:
Do të vëreni se unë i shtova një tjetër atribut këtij elementi, atributit "alt" ose alternativ alternativ të tekstit. Kjo nuk është teknikisht një atribut i kërkuar për imazhet, por është një praktikë e mirë për të përfshirë gjithmonë këtë përmbajtje për aksesueshmërinë. Teksti i listuar në vlerën e atributit alt është ajo që do të shfaqet nëse një imazh nuk arrin të ngarkojë për ndonjë arsye.
Një element tjetër që kërkon atribute specifike është spiranca ose lidhja e lidhjes. Ky element duhet të përfshijë atributin "href", i cili qëndron për "referencë hypertere." Kjo është një mënyrë e bukur për të thënë "ku kjo lidhje duhet të shkojë." Ashtu si elementi i imazhit duhet të dijë se cilin imazh duhet të ngarkojë, e di ku duhet. Si mund të duket një etiketë lidhjeje:
Kjo lidhje tani do të sjellë një person në faqen e internetit të specifikuar në vlerën e një atributi. Në këtë rast, është faqja kryesore e.
Atributet si Hooks CSS
Një tjetër përdorim i atributeve është kur ato përdoren si "grepa" për stilet CSS. Për shkak se standardet e internetit diktojnë që ju duhet të mbani strukturën e faqes tuaj (HTML) të ndara nga stilet e saj (CSS), ju përdorni këto grushta të atributeve në CSS për të përcaktuar se si do të shfaqet faqja e strukturuar në shfletuesin e uebit. Për shembull, mund ta keni këtë pjesë të shënimit në dokumentin tuaj HTML.
Nëse dëshironi që ndarja të ketë një ngjyrë të sfondit të zi (# 000) dhe një font-madhësi prej 1.5em, do ta shtoni këtë në CSS:
.featured {background-color: # 000; font-size: 1.5em;}Atributi i tipit "i paraqitur" vepron si një goditje që përdorim në CSS për të aplikuar stile në atë zonë. Ne gjithashtu mund të na atributeve të identifikimit nëse dëshironim. Të dy klasat dhe ID janë atribute universale, që do të thotë se ato mund të shtohen në çdo element. Ata gjithashtu mund të jenë në shënjestër me stile specifike CSS për të përcaktuar pamjen vizuale të atij elementi.
Lidhur me Javascript
Së fundi, përdorimi i atributeve mbi elementë të caktuar HTML është gjithashtu diçka që mund të përdorni në Javascript. Nëse keni një skript që kërkon një element me një atribut specifik ID, kjo është edhe një përdorim i kësaj pjesë të përbashkët të gjuhës HTML.