HTML valoda ietver vairākus elementus. Tie ietver parasti lietotos vietnes komponenti piemēram, rindkopas, virsraksti, saites un attēli. Ir arī vairāki jaunāki elementi, kas tika ieviesti ar HTML5, tostarp galvene, navigācija, kājene un citi. Visi šie HTML elementi tiek izmantoti, lai izveidotu dokumenta struktūru un piešķirtu tai nozīmi. Lai elementiem piešķirtu vēl lielāku nozīmi, varat tiem piešķirt atribūtus.
Pamata HTML sākuma tags sākas ar rakstzīmi <. p tam seko taga nosaukums un visbeidzot j aizpild tagu ar rakstz>. Piemēram, sākuma rindkopas tags būtu rakstīts šādi:
Lai pievienotu atribūtu savam HTML tags, vispirms pirms taga nosaukuma ievietojat atstarpi (šajā gadījumā tas ir "p"). Tad jūs pievienotu atribūta nosaukumu, kuru vēlaties izmantot, kam seko vienlīdzības zīme. Visbeidzot, atribūta vērtība tiks ievietota pēdiņās. Piemēram:
Tagiem var būt vairāki atribūti. Jūs atdalītu katru atribūtu no citiem ar atstarpi.
Elementi ar nepieciešamajiem atribūtiem
Dažiem HTML elementiem faktiski ir nepieciešami atribūti, ja vēlaties, lai tie darbotos kā paredzēts. Attēla elements un saites elements ir divi piemēri tam.
The attēla elements nepieciešams atribūts "src". Šis atribūts pārlūkam norāda, kuru attēlu vēlaties izmantot šajā atrašanās vietā. Atribūta vērtība būtu faila ceļš uz attēlu. Piemēram:
Jūs ievērosiet, ka mēs šim elementam esam pievienojuši vēl vienu atribūtu "alt" vai alternatīvo teksta atribūtu. Tas nav tehniski obligāts attēlu atribūts, taču ieteicams vienmēr iekļaut šo saturu pieejamības nolūkos. Atribūta alt vērtībā norādītais teksts tiks parādīts, ja neizdodas ielādēt attēlu kāda iemesla dēļ.
Vēl viens elements, kam nepieciešami īpaši atribūti, ir enkurs vai saites tags. Šajā elementā jāiekļauj atribūts "href", kas nozīmē "hiperteksta atsauce". Tas ir izdomāts veids, kā pateikt "kur šai saitei vajadzētu būt. "Tāpat kā attēla elementam ir jāzina, kurš attēls jāielādē, saites tagam ir jāzina, kur tam vajadzētu būt uz. Saites tags var izskatīties šādi:
Šī saite tagad novirza personu uz vietni, kas norādīta atribūta vērtībā. Šajā gadījumā tā ir Dotdash galvenā lapa.
Atribūti kā CSS āķi
Vēl viena atribūtu izmantošana ir tad, kad tos izmanto kā "āķus" CSS stili. Tā kā tīmekļa standarti nosaka, ka lapas struktūra (HTML) ir jānošķir no tās stiliem (CSS), šos atribūtu āķus izmantojat CSS, lai diktētu, kā strukturētā lapa tiks parādīta tīmeklī pārlūku. Piemēram, jūsu HTML dokumentā varētu būt šis marķējums.
Ja vēlaties, lai šī sadalījuma fona krāsa būtu melna (# 000) un fonta lielums būtu 1,5em, jūs to pievienotu savai CSS:
.featured {fona krāsa: # 000; fonta lielums: 1,5em;}
"Featured" klases atribūts darbojas kā āķis, ko mēs izmantojam CSS, lai piemērotu stilus šajā apgabalā. Ja vēlaties, mēs šeit varētu izmantot arī ID atribūtu. Gan klases, gan ID ir universāli atribūti, kas nozīmē, ka tos var pievienot jebkuram elementam. Lai noteiktu šī elementa vizuālo izskatu, tos abus var arī mērķēt ar īpašiem CSS stiliem.
Attiecībā uz Javascript
Visbeidzot, atribūtu izmantošana noteiktiem HTML elementiem ir arī tas, ko jūs varat izmantot Javascript. Ja jums ir skripts, kas meklē elementu ar noteiktu ID atribūtu, tas ir vēl viens šīs kopējās HTML valodas daļas izmantojums.