Hoe om 'n kenmerk by 'n HTML-tag te voeg

Die HTML-taal bevat 'n aantal elemente. Dit sluit in algemene gebruik webwerf komponente soos paragrawe, opskrifte, skakels en beelde. Daar is ook 'n aantal nuwer elemente wat met HTML5 bekendgestel is, insluitende die kop, nav, voettekst en meer. Al hierdie HTML-elemente word gebruik om die struktuur van 'n dokument te skep en betekenis te gee. Om nog meer betekenis aan elemente toe te voeg, kan jy hulle eienskappe gee.

'N Basiese HTML-openingsteken begin met die karakter. Byvoorbeeld, die openingsparagraaf sal soos volg geskryf word:

Om 'n kenmerk by jou HTML-tag te voeg, plaas jy eers 'n spasie na die naam van die merker (in hierdie geval is die "p"). Dan voeg jy die kenmerknaam wat jy wil gebruik, gevolg deur 'n gelyke teken. Laastens sal die attribuutwaarde in aanhalingstekens geplaas word. Byvoorbeeld:

Merkers kan verskeie kenmerke hê. Jy sal elke eienskap van die ander skei met 'n spasie.

Elemente met vereiste eienskappe

Sommige HTML-elemente vereis eintlik eienskappe as jy wil hê hulle moet werk soos bedoel. Die beeldelement en die skakelelement is twee voorbeelde hiervan.

Die beeldelement vereis die kenmerk "src". Hierdie kenmerk vertel die blaaier watter beeld jy op daardie plek wil gebruik. Die waarde van die kenmerk is 'n lêerpad na die prent. Byvoorbeeld:

U sal merk dat ek 'n ander kenmerk by hierdie element, die "alt" of alternatiewe teksattribuut, bygevoeg het. Dit is nie tegnies 'n vereiste eienskap vir beelde nie, maar dit is 'n beste praktyk om hierdie inhoud altyd vir toeganklikheid te bevat. Die teks wat in die waarde van die alt-attribuut gelys word, is wat sal vertoon as ' n prent om een of ander rede nie laai nie.

'N Ander element wat spesifieke eienskappe benodig, is die anker- of skakel-tag. Hierdie element moet die kenmerk 'href' bevat, wat staan ​​vir 'hiperteksverwysing'. Dit is 'n fyn manier om te sê: "Waar hierdie skakel moet gaan." Net soos die beeldelement moet weet watter beeld om te laai, moet die skakeletiket weet waar dit graag sal wees. Hier is hoe 'n skakel-tag dalk lyk:

Daardie skakel sal nou 'n persoon na die webwerf wat in die waarde van 'n kenmerk gespesifiseer is, bring. In hierdie geval is dit die hoofblad van.

Eienskappe as CSS Hooks

Nog 'n gebruik van eienskappe is wanneer hulle as "hake" vir CSS-style gebruik word. Aangesien webstandaarde dikteer dat u die struktuur van u bladsy (HTML) van sy style (CSS) moet skei, gebruik u hierdie kenmerkhakies in die CSS om te bepaal hoe die gestruktureerde bladsy in die webblaaier sal vertoon. Byvoorbeeld, jy kan hierdie stukkie opmerkings in jou HTML-dokument hê.

As jy wil hê dat die afdeling 'n agtergrondkleur van swart (# 000) en 'n fontgrootte van 1.5em het, sal jy dit by jou CSS voeg:

.gegradeer (agtergrondkleur: # 000; lettergrootte: 1.5em;}

Die kenmerk van die "featured" klas dien as 'n haak wat ons in die CSS gebruik om style op die gebied toe te pas. Ons kan ons ook hier 'n ID-kenmerk hê as ons wou. Beide klasse en ID's is universele eienskappe, wat beteken dat hulle by enige element gevoeg kan word. Hulle kan ook beide geteiken word met spesifieke CSS-style om die visuele voorkoms van daardie element te bepaal.

Met betrekking tot Javascript

Ten slotte, die gebruik van eienskappe op sekere HTML-elemente is ook iets wat jy in Javascript kan gebruik. As jy 'n script het wat op soek is na 'n element met 'n spesifieke ID attribuut, is dit nog 'n ander gebruik van hierdie algemene stuk van die HTML-taal.