Internett, Webdesign
Bildebehandling - img tag
Bildet er ikke bare satt inn direkte 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 det grafiske objektet på nettsiden.
Hvis mange attributter for koder ikke er nødvendig i prinsippet, må img-taggen ha minst en parameter - mønsteradressen. Denne egenskapen kalles src:
-
- dette stedet vil vise filen goat.jpg, som er lagret i gjeldende katalog; -
- med denne parameteren for img-taggen vil nettleseren laste ned bildet som er lagt ut på Internett på megasellmag.ru.
Justeringsattributter
For å plassere bilder på siden ved hjelp av HTML, brukes img-taggen, hvor attributter er ansvarlige for å plassere bildet på siden og arten av tekstinnpakningen.
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.
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.
Bildet vil ikke bare lydig bevege seg bort fra teksten med det angitte antallet, men det vil også bevege seg bort fra kanten av siden, så det er bedre å unngå store innrykk.
Meget viktig er de geometriske dimensjonene til bildene, som ikke bare er ønskelige, men noen ganger må det bare angis for riktig visning av bildet. For å gjøre dette, er bredde- og høydeattributtene satt, verdien er angitt i piksler eller prosenter.
Hvis du bare angir bredden, blir høyden automatisk tilpasset med de opprinnelige proporsjonene. Størrelsene som er angitt i prosent, tillater å plassere bildet på den nødvendige delen av siden, uavhengig av størrelsen på et nettleservindu, og en slik nødvendighet oppstår ganske ofte.
Andre parametere
Grenseattributtet omslutter bildet i rammen av den angitte tykkelsen, som nettleseren ikke har som standard.
Rammen kan ha en tilsynelatende meningsløs null tykkelse (border = '0'), men dette er til bildet blir en kobling når nettleseren automatisk sporer den med en blå kant uten å vente på instruksjoner.
Noen utålmodige brukere, rasende av den lave hastigheten på Internett, slår bare av visningen av bilder. Her for slike tilfeller er parameteren alt tilveiebrakt, slik at du kan skrive inn den alternative teksten som brukeren vil se i en firkant hvor bildet har det travelt å laste.
Hvis du ikke liker alt-alternativet, kan img-tagget tilby Longdesc-attributten, verdien av denne er nettadressen til dokumentet med en mer detaljert beskrivelse.
Attributter usemap og ismap forteller nettleseren at bildet vil være et bilde der hyperkoblingen er et eget område (referansekart), bare parameteren usemap spesifiserer navigasjonskartet på serveren, og ismap er kartet på klientsiden.
Beskrivelse av lenken 1 i bildet nedenfor:
Eksotiske elementer
Lowsrc-attributtet instruerer nettleseren til å laste først en kopi (eller et annet alternativ) av det opprinnelige bildet med lavere kvalitet og dermed mer "lys". Dette trikset er gitt i tilfelle av lav Internett-hastighet for brukeren. Det opprinnelige bildet, lastet, erstatter "falsk".
Ikke så ofte brukt galleryimg-attributtet til img-taggen, kalles bildekontrollpanelet (hvis du svever markøren over det), slik at du kan åpne standard Mine bilder-mappen og skrive ut, lagre eller sende bildet via e-post. Du kan deaktivere panelet ved å spesifisere verdien av galleryimg til nei / false, og aktivere den ved å sette ja / true.
I den nye HTML5-spesifikasjonen har noen av parameterne blitt foreldet. Så, img attributter lowsrc, border, longdesc og navn blir sendt til pensjon.
Similar articles
Trending Now