SØK

Bildebehandling - img tag

Et bilde er ikke bare satt inndirekte inn i teksten. Nettleseren er fortalt sitt navn og angir hvor og hvordan man skal ordne på skjermen. For å gjøre dette, bruk en enkelt HTML-tag img. Den spesifiserer plasseringen av grafikken på nettsiden.

Hvis mange attributter for koder ikke er nødvendig i prinsippet, må img-taggen ha minst en parameter - adressen til bildet. Denne egenskapen kalles src:

  • - på dette stedet vil filen goat.jpg bli vist, som er lagret i gjeldende katalog;
  • - med opsjon tag img leseren laste ned bilder lagt ut på Internett på megasellmag.ru stedet.

Justeringsattributter

For å plassere bilder på siden ved hjelp av HTML, brukes img-taggen, hvis attributter er ansvarlige for å plassere bildet på siden og arten av dets strømning rundt teksten.

img tag

Som standard har nettleseren et bilde i midten av skjermen, og teksten brytes ikke rundt den. Img-taggen tillater det Uttrykk din uenighet med nettleseren ved hjelp av justeringsattributtet.

- bildet vil bli plassert på venstre side av siden, og teksten vil gå rundt den til høyre.

Oppførselen til teksten vil være lik om bildet er plassert til høyre (juster = høyre), i midten (juster = midten), på toppen (juster = topp), nederst (juster = bunn) og midt (midt).

Indrykkings- og størrelsesparametere

At teksten ikke krypte på bilder, fikk taggen img spesiell attributter -hospace (horisontale / horisontale felt) og vspace (vertikale / vertikale felt), som bestemmer mengden av tekstinnrykk fra kantene av bildene i piksler.

tag img attributter

Bildet vil ikke bare lydig bevege seg bort fra teksten med den angitte mengden, men også bevege seg bort fra sidekanten, så det er bedre å unngå store strekker.

De geometriske dimensjonene til bildene er svært viktige.som ikke bare er ønskelige, men noen ganger må bare angis for riktig visning av bildet. For dette er attributene bredde (bredde) og høyde (høyde), hvis verdi er gitt i piksler eller prosenter.

<img src = "/ images / goat.jpg" width = "625" height = "450">

Hvis du bare angir bredden, vil høyden værematchet automatisk med originale proporsjoner. Dimensjoner, gitt i prosentandel, tillater deg å plassere bildet i den ønskede delen av siden, uavhengig av størrelsen på nettleservinduet, og dette er ofte nødvendig.

Andre parametere

Grenseattributtet innhever et bilde i en ramme med den angitte tykkelsen, som nettleseren ikke gjør som standard.

<img src = "/ images / goat.jpg" width = "500" height = "360" border = "5">

Rammen kan ha tilsynelatende meningsløsnull tykkelse (border = "0"), men dette er til bildet blir en kobling når nettleseren automatisk trekker en blå kant rundt den uten å vente på instruksjoner.

<a href= "megasellmag.ru"> <img src = "/ bilder / bilder / opana.gif" width = "250" height = "250"> </a>

Noen utålmodige brukere er rasendelav internett hastighet, bare slå av visning av bilder. I slike tilfeller er alt-parameteren gitt, som lar deg legge inn alternativ tekst som brukeren ser i boksen der bildet har travelt å laste.

Hvis du ikke er fornøyd med egenskapene til alt-parameteren, kan img-taggen foreslå Longdesc-attributten, som bruker dokumentadressen med en mer detaljert beskrivelse som sin verdi.

Brukernavnet og ismap-attributter angir til nettleseren detbildet vil være en tegning der hyperkoblingene er separate områder (referansekart), bare parameteren usemap definerer navigasjonskartet på serveren og ismap - kartet på klientsiden.

<img src = "/ images / Quad_Band_Phone.gif" width = "145" height = "126" alt = "Mobiltelefoner" usemap = "# phones">

Beskrivelse av referanse 1 i figuren nedenfor:

<img src = "/ images / img / map.jpg" width = "328" height = "236" border = "0" usemap = "# Dvostok"> <mapnavn = "Primorye">

<area shape = "rect" coords = "60,20,110,50,105,80,35,80" href = "Lsd022_1.html" target = "_ blank" alt = "Lesozavodsk">

html img tag

Eksotiske elementer

Lowsrc-attributtet forteller at nettleseren skal laste innden første er en kopi (eller et annet alternativ) av det opprinnelige bildet med lavere kvalitet og dermed en lettere. Dette trikset er gitt i tilfelle av lav Internett-hastighet hos brukeren. Det opprinnelige bildet er lastet, erstatter "falsk".

Ikke så ofte brukt attributt galleryimg tagimg tar opp bildekontrollpanelet (hvis du svever markøren på den), slik at du kan åpne standard Mine bilder-mappen og skrive ut, lagre eller sende bildet via e-post. Du kan deaktivere panelet ved å sette galleryimg-parameteren til nei / false, og aktivere den ved å stille inn ja / true.

I den nye HTML5-spesifikasjonen har en rekke koder utdatert noen av parametrene. Så, img attributter lowsrc, border, longdesc og navn er pensjonert.</ strong </ p>

  • evaluering: