Kuidas HTML-atribuute kõige paremini kasutada?



Atribuut määratleb HTML-i elemendi omadused, mis on paigutatud elementide avamissildi sisse. Selles artiklis uurime HTML-atribuute.

Atribuut määrab HTML-elemendi omadused, mis paigutatakse elementide avamismärgendi sisse. Selles artiklis uurime HTML-atribuute. Järgmisi näpunäiteid käsitletakse selles artiklis,

Nii et alustagem selle artikliga





HTML-atribuudid

HTML-is kasutame pealkirja silte

,

olgu selleks paragrahvisildid

ja muud sildid. Need on sildid nende kõige lihtsamas vormis. Neil siltidel võivad olla ka atribuudid. Need atribuudid pole midagi muud kui lisabittid.

Atribuut määratleb HTML-elemendi omadused, mis paigutatakse elementide avamismärgendi sisse. Atribuudil on kaks osa



Nimi



See on omadus, mille kasutaja soovib määrata.

Näide:

on atribuut, mis tähendab joondamist, mida saab kasutada joondamiseks edasi lõik lehel.



Väärtus

See on seatav omadus ja see on alati jutumärkides.

Näide:

atribuudil on teksti joondamiseks kolm võimalust vasakule, keskele ja paremale.

Märkus. Atribuutide nimed ja väärtused on tõstutundlikud. World Wide Web soovitab HTML 4 soovituses väikeseid atribuute ja atribuutide väärtusi.

Selle HTML-atribuutide artikliga edasi liikudes

Joondamise atribuudi näidiskood

Näide joondamise atribuudist:

mis on ruutmeetrites *

Joondage atribuudi näide

See on vasakule joondatud

See on joondatud keskele

See on joondatud õigesti

See kuvab järgmise tulemuse:

Output -HTML atribuudid - Edureka

Põhimõtteliselt on nelja põhiatribuuti, mida saab kasutada enamiku HTML-elementide jaoks. Need on:

  • Id
  • Pealkiri
  • Klass
  • Stiil

Selle HTML-atribuutide artikliga edasi liikudes

ID atribuut

Atribuuti id kasutatakse HTML-lehe mis tahes elemendi tuvastamiseks. Selle atribuudi tähtsus on:

Kui identifikaatorina kantakse atribuut id, on võimalik seda elementi ja selle sisu tuvastada.Stiililehel on kaks sama nimega elementi, mida kasutaja saab kasutada nende omaduste eristamiseks selle atribuudi abil

Näide

See punkt on lehe sissejuhatus

See lõik on lehe kokkuvõte

Selle HTML-atribuutide artikliga edasi liikudes

Pealkirja atribuut

Nagu nimigi ütleb, annab see ekstra natuke teavet elemendi pealkirja kohta. Süntaks sarnaneb atribuudiga id.

Sageli kuvatakse seda tööriistaotsana, kui kursor tuleb selle kohale või kui elementi laaditakse. See atribuutide tegevus sõltub elemendist.

Näide

pealkirja atribuut

Liigutage kursor selle teksti peale

Järgmise väljund on:

Selle HTML-atribuutide artikliga edasi liikudes

Kursuse atribuut

Klassiatribuuti kasutatakse elemendi seostamiseks CSS-i stiililehega. Nagu nimigi ütleb, täpsustab see elemendi klassi. CSS-is kasutatakse eriefektide lisamiseks pseudoklasse.

See on peamiselt seotud CSS-iga.

Näide

class = ”klassinimi1 klassinimi2 klassinimi3”

Selle HTML-atribuutide artikliga edasi liikudes

Stiili atribuut

Stiiliatribuut on peamiselt seotud CSS-iga, kus saame elemendile spetsifikatsioone rakendada. Nagu värvikood ja font.

Näide

Stiili atribuut

Sellele tekstile tehakse stiil.

Järgmise väljund on:

See viib meid HTML-atribuute käsitleva artikli lõppu

Nüüd, kui teate, mis on HTML, vaadake autor Edureka. Veebiarenduse sertifitseerimiskoolitus aitab teil õppida, kuidas HTML5, CSS3, Twitter Bootstrap 3, jQuery ja Google API-de abil luua muljetavaldavaid veebisaite ja juurutada see Amazon Simple Storage Service'i (S3).

Kas teil on meile küsimus? Palun mainige seda selle artikli kommentaaride jaotises ja võtame teiega ühendust.