Bildet er ikke bare satt direkte inn i teksten. Nettleseren får vite navnet og instruert hvor og hvordan den skal plasseres på skjermen. For å gjøre dette, bruk en enkelt HTML-img-tag. Den spesifiserer plasseringen til det grafiske objektet på nettsiden.
Hvis mange attributter er valgfrie for tagger, må img-taggen ha minst én parameter - adressen til bildet. Dette attributtet kalles src:
- - dette vil vise goat.jpg-filen som er lagret i gjeldende katalog;
- - med denne parameteren til img-taggen vil nettleseren laste bildet som er lagt ut på Internett på nettstedet megasellmag.ru.
Alignment attributes
For å plassere bilder på en side ved hjelp av HTML, brukes img-taggen, hvis attributter er ansvarlige for å plassere bildet på siden og arten av tekstinnpakningen.
Som standard plasserer nettleseren bildet i midten av skjermen, og teksten vikles ikke rundt det. Img-taggen lar deg uttrykke din uenighet med nettleseren ved å bruke align-attributtet (alignment).
- bildet vil bli plassert i venstre kant av siden, og teksten vil gå rundt det til høyre.
Oppførselen til teksten vil være lik hvis bildet er plassert til høyre (align=right), i midten (align=middle), topp (align=top), bunn(align=bottom) og center (center).
Innstillinger og størrelser
For å forhindre at tekst kryper inn i bilder, har img-taggen fått spesielle attributter -hspace (horisontale/horisontale marger) og vspace (vertikale/vertikale marger), som bestemmer mengden tekstinnrykk fra kantene på bilder i piksler.
Bildet vil ikke bare lydig bevege seg bort fra teksten med det angitte beløpet, men også bevege seg bort fra kanten av siden, så det er best å unngå store innrykk.
De geometriske dimensjonene til bilder er svært viktige, som ikke bare er ønskelige, men noen ganger bare nødvendige for å spesifisere for riktig visning av bildet. Til dette brukes attributtene width (width) og height (height), hvis verdi er satt i piksler eller prosenter
Hvis du bare spesifiserer bredden, velges høyden automatisk med de opprinnelige proporsjonene. Prosentstørrelser lar deg plassere bildet til høyre på siden, uavhengig av størrelsen på nettleservinduet, og dette behovet oppstår ofte.
Andre alternativer
Border-attributtet omslutter bildet i en ramme med spesifisert tykkelse, noe nettleseren ikke gjør som standard.
Rammen kan også ha en tilsynelatende meningsløs null-bredde (border='0'), men det er til bildet blir en lenke, når nettleseren automatisk sirkler det med en blå kant uten å vente på instruksjoner.
Noen utålmodige brukere, rasende over lave internetthastigheter, vil ganske enkelt deaktivere visningen av bilder. For slike tilfeller er alt-parameteren gitt, som lar deg gå inn alternativ tekst som brukeren vil se i boksen der bildet har det travelt med å laste.
Hvis du ikke liker mulighetene til alt-parameteren, kan img-taggen tilby et longdesc-attributt, hvis verdi er URL-en til et dokument med en mer detaljert beskrivelse.
Usemap- og ismap-attributtene forteller nettleseren at bildet vil være et bilde der hyperlenkene er separate områder (lenkekart), kun usemap-parameteren bestemmer navigasjonskartet på serveren, og ismap - kartet på kundesiden.
Beskrivelse av lenke 1 i figuren nedenfor:
Eksotiske varer
Lowsrc-attributtet instruerer nettleseren om først å laste ned en kopi (eller et annet alternativ) av originalbildet med en lavere kvalitet og derfor en "lettere". Dette trikset er gitt i tilfelle lav Internett-hastighet for brukeren. Originalbildet, når det er lastet opp, erstatter det "falske".
Det mindre vanlig brukte galleriimg-attributtet til img-taggen påkaller bildekontrollpanelet (når du holder markøren over), slik at du kan åpne standardmappen Mine bilder og skrive ut, lagre eller sende bildet på e-post. Du kan deaktivere panelet ved å sette parameteren galleryimg til no/false, og aktivere det ved å sette yes/true.
I den nye HTML5-spesifikasjonen har en rekke tagger noen parametere avviklet. For eksempel er attributtene lowsrc, border, longdesc og name for img trukket tilbake.
