Kaip pridėti atributą prie HTML žymos

HTML kalba apima keletą elementų. Tai apima dažniausiai naudojamus svetainės komponentus, tokius kaip pastraipos, antraštės, nuorodos ir vaizdai. Taip pat yra keletas naujesnių elementų, kurie buvo pristatyti naudojant HTML5, įskaitant antraštę, "nav", "footer" ir dar daugiau. Visi šie HTML elementai naudojami dokumento struktūros sukūrimui ir jo reikšmei. Norėdami pridėti dar daugiau elementų reikšmės, galite suteikti jiems atributus.

Paprastas atidarymo žymeklis HTML prasideda simboliu

Norėdami pridėti atributą prie HTML žymos, pirmiausia po žymos pavadinimu įrašykite tarpą (šiuo atveju tai yra "p"). Tada pridėkite norimą naudoti atributo pavadinimą, o po jo - lygiaverčiu ženklu. Galiausiai atributo vertė bus įtraukta į kabutes. Pavyzdžiui:

Žymėms gali būti keli atributai. Jūs atskirtumėte kiekvieną atributą nuo kitų su tarpu.

Elementai su reikalingais atributais

Kai kurie HTML elementai iš tiesų reikalauja atributų, jei norite, kad jie veiktų kaip numatyta. Du pavyzdžiai yra vaizdo elementas ir nuorodos elementas.

Vaizdo elementui reikalingas atributas "src". Šis atributas nurodo naršyklei, kurį vaizdą norite naudoti toje vietoje. Atributo vertė būtų vaizdo failo kelias. Pavyzdžiui:

Jūs pastebėsite, kad pridėjau dar vieną atributą prie šio elemento - "alt" arba alternatyviojo teksto atributo. Tai techniniu požiūriu nėra privalomas atributas vaizdams, tačiau geriausia praktika visada įtraukti šį turinį į prieinamumą. Alt atributo reikšme yra tas, kas bus rodomas, jei vaizdas dėl kokios nors priežasties nepavyks įkelti .

Kitas elementas, kuriam reikalingi konkretūs atributai, yra inkaro ar nuorodos žyma. Šiame elemente turi būti atributas "href", kuris reiškia "hiperteksto nuoroda". Tai yra išgalvotas būdas sakyti "kur ši nuoroda turėtų būti". Kaip ir vaizdo elementas turi žinoti, kurį vaizdą įkelti, nuorodų žyma turi būti Žinokite, kur norėtumėte. Štai kaip gali atrodyti nuorodos žyma:

Ši nuoroda dabar atneš asmenį į svetainę, nurodytą atributo verte. Šiuo atveju tai yra pagrindinis puslapis.

CSS kabliukų atributai

Kitas atributų naudojimas yra tada, kai jie naudojami kaip "kabliai" CSS stiliams. Kadangi interneto standartai diktuoja, kad turėtumėte išlaikyti savo puslapio struktūrą (HTML) atskirai nuo savo stilių (CSS), CSS naudojami šie atributų kabliai, kad būtų nurodyta, kaip struktūrizuotas puslapis bus rodomas žiniatinklio naršyklėje. Pavyzdžiui, galite turėti šį žymėjimo elementą savo HTML dokumente.

Jei norite, kad šis skaidinys būtų juodos (# 000) fono spalvos ir 1,5 milijono dydžio šrifto dydžio, pridėti tai prie savo CSS:

.featured {fono spalva: # 000; font-size: 1.5em;}

"Objektyvus" klasės atributas veikia kaip kablys, kurį mes naudojame CSS, kad pritaikytume stilių toje srityje. Čia taip pat galėtume turėti ID atributą, jei norėtume. Abi klasės ir ID yra universalūs atributai, tai reiškia, kad juos galima pridėti prie bet kurio elemento. Jie taip pat gali būti taikomi pagal konkrečius CSS stilius, kad būtų galima nustatyti šio elemento išvaizdą.

Kalbant apie Javascript

Galiausiai, naudojant tam tikrų HTML elementų atributus, taip pat galite naudoti Javascript. Jei turite scenarijų, kuris ieško elemento su konkrečiu ID atributu, tai dar vienas šio bendrojo HTML kalbos elemento naudojimas.