HTML kalba apima daugybę elementų. Tai apima dažniausiai naudojamus svetainės komponentai kaip pastraipos, antraštės, nuorodos ir vaizdai. Taip pat yra keletas naujesnių elementų, kurie buvo pristatyti naudojant HTML5, įskaitant antraštę, naršyklę, poraštę ir kt. Visi šie HTML elementai naudojami kuriant dokumento struktūrą ir suteikiant jam prasmę. Norėdami pridėti dar daugiau reikšmės elementams, galite suteikti jiems atributus.
Pagrindinė HTML atidarymo žyma prasideda simboliu <. po to nurodomas pavadinimas ir galiausiai u> simboliu. Pavyzdžiui, pradinės pastraipos žyma būtų parašyta taip:
Norėdami pridėti atributą prie HTML žyma, pirmiausia po žymos pavadinimu įdėkite tarpą (šiuo atveju tai yra „p“). Tada pridėtumėte norimą naudoti atributo pavadinimą ir lygybės ženklą. Galiausiai atributo vertė būtų dedama į kabutes. Pavyzdžiui:
Žymos gali turėti kelis atributus. Kiekvieną atributą nuo kitų atskirtumėte tarpu.
Elementai su būtinais atributais
Kai kuriems HTML elementams iš tikrųjų reikia atributų, jei norite, kad jie veiktų pagal paskirtį. Vaizdo elementas ir nuorodos elementas yra du to pavyzdžiai.
vaizdo elementas reikalingas atributas „src“. Šis atributas nurodo naršyklei, kurį vaizdą norite naudoti toje vietoje. Atributo vertė būtų failo kelias į vaizdą. Pavyzdžiui:
Pastebėsite, kad prie šio elemento pridėjome dar vieną atributą - „alt“ arba alternatyvų teksto atributą. Techniškai tai nėra privalomas atributas vaizdams, tačiau geriausia praktika visada įtraukti šį turinį, kad būtų pasiekiama. Alt atributo reikšmėje nurodytas tekstas bus rodomas, jei nepavyksta įkelti vaizdo dėl tam tikrų priežasčių.
Kitas elementas, kuriam reikalingi konkretūs atributai, yra inkaro arba nuorodos žyma. Šis elementas turi apimti atributą „href“, kuris reiškia „hiperteksto nuoroda“. Tai puikus būdas pasakyti „kur ši nuoroda turėtų eiti. "Kaip ir vaizdo elementas turi žinoti, kurį vaizdą įkelti, nuorodos žyma turi žinoti, kur jam turėtų patikti į. Štai kaip gali atrodyti nuorodos žyma:
Ta nuoroda dabar atves asmenį į svetainę, nurodytą atributo reikšmėje. Šiuo atveju tai yra pagrindinis „Dotdash“ puslapis.
Atributai kaip CSS kabliukai
Kitas atributų naudojimas yra tada, kai jie naudojami kaip „kabliukai“ CSS stiliai. Kadangi žiniatinklio standartai nurodo, kad turėtumėte atskirti savo puslapio struktūrą (HTML) nuo jo stilių (CSS), šiuos atributų kablius naudojate CSS, kad padiktuotumėte, kaip struktūrizuotas puslapis bus rodomas žiniatinklyje naršyklė. Pvz., Šį žymėjimą galite turėti savo HTML dokumente.
Jei norėtumėte, kad to skyriaus fono spalva būtų juoda (# 000), o šrifto dydis būtų 1,5em, pridėtumėte tai prie savo CSS:
.featured {fono spalva: # 000; šrifto dydis: 1.5em;}
„Featured“ klasės atributas veikia kaip kabliukas, kurį CSS naudojame tam, kad pritaikytume stilius toje srityje. Jei norėtume, čia taip pat galėtume naudoti ID atributą. Ir klasės, ir ID yra universalūs atributai, o tai reiškia, kad juos galima pridėti prie bet kurio elemento. Jiems taip pat gali būti taikomi konkretūs CSS stiliai, siekiant nustatyti vizualų to elemento vaizdą.
Dėl „Javascript“
Galiausiai, naudojant atributus tam tikruose HTML elementuose, taip pat galite naudoti „Javascript“. Jei turite scenarijų, kuris ieško elemento su konkrečiu ID atributu, tai yra dar vienas šios bendros HTML kalbos dalies naudojimas.