HTML -attributter

HTML -elementene/kodene kan ha noen attributter som gir flere egenskaper til HTML -elementer. Disse attributtene beskriver de forskjellige egenskapene til HTML -elementer som "stil" -attributtet som brukes til å sette stilen til HTML -elementer. Attributtene er definert i startkoden, og verdiene deres er alltid spesifisert i de doble sitatene etterfulgt av tagnavnet og "lik" -tegnet.

Denne artikkelen vil gi en grundig oversikt over HTML -attributtene som vil hjelpe brukeren til å forstå viktigheten av HTML -attributter i nettutvikling. For dette formålet vil vi implementere noen av de viktigste attributtene til HTML -elementene og ha en bedre forståelse.

Det er noen attributter som ofte brukes på de fleste av elementene som som id, tittel, stil, og klasse. Disse attributtene er ofte kjent som kjerneattributtene. Vi vil diskutere dem en etter en og etterpå vil vi dekke noen flere attributter som gir viktige egenskaper til HTML -elementene.

ID -attributt i HTML

ID -attributt gir unikhet til ethvert HTML -element. For eksempel har vi to HTML -elementer med et lignende navn, så kan vi identifisere eller skille disse elementene basert på ID -attributtet.

ID -attributt 1

ID -attributt 2

I dette eksemplet ønsker vi å lage to overskrifter med forskjellige stiler. Vi kan gjøre dette ved å tildele forskjellige "ids”Til elementene. Ovennevnte kode vil gi følgende utdata:

tittelattributt i HTML

Tittelattributtet gir en spesifikk tittel på HTML -elementet. Imidlertid er dens oppførsel avhengig av elementet som holder "tittel" Egenskap. Det meste av tiden fungerer det som en verktøytip, noe som betyr at når noen flytter markøren over det elementet, vil det vise verdien av tittelattributtet som et verktøytip.

Dette er HTML -attributt

Den gitte utdata vil bekrefte at når vi flytter markøren over elementet, viser den verdien av tittel Egenskap:

stil attributt i html

Stilattributt gir egenskaper som farge, skriftstørrelse, grense osv. Til ethvert HTML -element:

HTML -attributter

I dette eksemplet opprettet vi et avsnittelement og tildeler det noen attributter. Som et resultat vil den gi følgende utdata:

Klasseattributt i HTML

Klasseattributtet brukes til å definere en klasse for en enkelt eller flere HTML -elementer. Det refererer til klassenavnet med stilark.

I dette eksemplet opprettet vi to HTML -elementer og bruker klasseattributtet i dem. Begge elementene vil bære samme stil som definert i klassen:

Ansatt 1

Første ansatt bor i Storbritannia

Ansatt 2

Andre ansatte bor i USA

Ettersom begge HTML -elementene får tilgang til samme klasse, vil begge elementene følge samme stil og den resulterende utgangen vil være:

SRC -attributt i HTML

En av de mest brukte HTML -attributtene er “src”Attributt det bærer lenken til et kildebilde. Denne lenken kan være en absolutt lenke eller en relativ lenke.

Begrepet Absolute Link refererer til URL for et online plassert bilde mens relativ lenke refererer til bildeveien plassert lokalt.

For eksempel, hvis en bruker ønsker å legge inn et bilde på en side, vil han bruke stikkord. Men det ville ikke være nok, vi må også legge til banen til det bildet.

Vurder nå følgende kode for å finne ut hvordan src Attributt vil være innebygd med bildekoden:

I ovennevnte HTML -kode er bildens navn sammen med banen tilordnet src stikkord.

ALT -attributt i HTML

Begrepet alt står for alternativ. Dette brukes i elementet som en attributt. En attributt som vil gi en alternativ tekst for bildet hvis bildet ikke lastes ordentlig av noen grunn.

Nå vil den vise en alternativ melding hvis “John.PNG ”-fil laster ikke av noen grunn som vist i følgende utdrag:

lang attributt i HTML

Elementet tar en lang Attributt som bestemmer språket på websiden. Denne attributtet letter søkemotorene i å finne de språkspesifikke websidene:

Ovennevnte kode spesifiserer det franske språket for websiden.

HREF -attributt i HTML

Href står for hypertekstreferansen, og den brukes til å legge til URL -en på en hvilken som helst webside. Det brukes i taggen:

Velkommen til Linuxhint

I utgangen vil den generere en lenke som vist i utdraget nedenfor:

Å klikke på lenken ovenfor vil føre oss til et nettsted som vist i følgende utdata:

Konklusjon

HTML -attributter definerer noen tilleggsegenskaper for HTML -elementene. Hensikten med å bruke attributtene med forskjellige HTML-elementer er å designe en lysere, tydeligere og godt formatert webside.

Denne artikkelen tilbyr et detaljert bilde av HTML -attributter. Å starte halvparten av denne artikkelen dekker kjerneattributtene der vi diskuterer hvordan vi bruker id, tittel, stil, og klasse attributter i HTML -elementer. Mens den siste halvdelen gir noen kjente attributter der vi fant ut hvordan vi skal bruke src og alt attributter mens du legger inn ethvert bilde på websiden.