Upravitelj slika - img oznaka

Slika se ne umetne izravno u tekst. Na pregledniku se kaže ime i označava mjesto i način uređivanja na zaslonu. Da biste to učinili, upotrijebite jednu HTML oznaku img. Navodi lokaciju grafike na web stranici.

Ako mnoge atribute za oznake nisu potrebne u načelu, img oznaka mora imati barem jedan parametar - adresu slike. Taj se atribut naziva src:

  • < img src = `goat.jpg`> - na ovom mjestu će se prikazati datoteka goat.jpg, koja je pohranjena u trenutnom direktoriju;
  • < img src = `http: megasellmag.ru/design/images/Shape5.jpg`> - s ovim parametrom img oznake preglednik će preuzeti sliku objavljenu na internetu na megasellmag.ru.

Atributi usklađivanja

Da biste postavili slike na stranicu pomoću HTML-a, koristi se img oznaka, čiji su atributi odgovorni za postavljanje slike na stranicu i prirodu njegovog protoka oko teksta.

img oznaka

Zadani preglednik ima sliku u sredini zaslona, ​​a tekst se ne okreće. Img oznaka omogućuje vam da izrazite svoje neslaganje s preglednikom pomoću alata za poravnanje.

< img src = `goat.jpg` align = `left`> - slika će se nalaziti na lijevom rubu stranice, a tekst će se okrenuti oko njega na desnoj strani.

Isto tako, ne bi ponašanje teksta, ako je slika na desnoj strani (align = desno), srednji (align = sredinu), vrh (align = top) i donji (align = dno) i centar (centar).

Parametri uvlačenja i veličine

Kako bi se spriječilo indeksiranje teksta u slike, img oznaka ima posebne atribute - hspace (horizontalna / horizontalna polja) i vspace (vertikalna / okomita polja), koja određuju količinu tekstualnog uvlačenja s rubova slika u pikselima.

< img src = `goat.jpg` align = `left` vspace = `15 `hspace =` 30 `>

označite img atribute

Slika će se ne samo poslušno odmaknuti od teksta od navedenog iznosa, već će se i odmaknuti od ruba stranice pa je bolje izbjegavati velike uvlake.

Vrlo važne su geometrijske dimenzije slika, koje nisu samo poželjne, ali ponekad samo trebaju biti specificirane za ispravan prikaz slike. Da biste to učinili, postavljeni su atributi širine i visine, čija vrijednost je navedena u pikselima ili postotcima.

< img src = `goat.jpg` width = `625` height = `450`>

Ako navedete samo širinu, visina će se automatski podudarati s izvornim omjerima. Dimenzije postavljene u postotku, omogućuju postavljanje slike u desni dio stranice, bez obzira na veličina prozora preglednik, a često se pojavljuje i ta potreba.

Ostali parametri



Granični atribut zatvara sliku u okviru navedene debljine, koju preglednik ne postavlja prema zadanim postavkama.

< img src = `goat.jpg` width = `500` height = `360` border = `5`>

Okvir može imati naizgled besmislene nulte debljine (granica = "0"), ali to je sve dok slika ne postane veza kada ga preglednik automatski prati plavom granicom, a da ne čeka upute.

< a href = `megasellmag.ru`>< img src = `images / opana.jpg` width = `250` height = `250`>< / a>

Neki nestrpljivi korisnici, bijesni zbog male brzine interneta, jednostavno onemogućuju prikaz slika. Ovdje se u takvim slučajevima daje parametar alt koji omogućuje unos alternativnog teksta koji će korisnik vidjeti na kvadratiću u kojem se slika žuri za učitavanje.

Ako vam se ne sviđa opcija parametra alt, img tag može ponuditi longdesc atribut, čija vrijednost je URL dokumenta s detaljnijim opisom.

Atributi usemap i mysap upućuju pregledniku da će slika biti crtež s hipervezama (referentna karta), samo parametar usemap određuje navigacijsku kartu na poslužitelju, a mišap je karta na strani klijenta.

< img src = `Quad_Band_Phone.jpg` width = `145` height = `126` alt = `mobiteli` usemap = `# telefoni`>

Opis veze 1 na donjoj slici:

< img src = `img / map.jpg` width = `328` height = `236` border = `0` usemap = `# Dvostok`> < naziv karte = `Primorye`>

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

html img tag

Egzotične stavke

Atribut lowsrc upućuje pregledniku da najprije učita prvu kopiju (ili neku drugu) izvornu sliku s nižom kvalitetom i, prema tome, više "jednostavnom". Ovaj je trik predviđen za slučaj niske brzine Interneta za korisnika. Izvorna slika, učitana, zamjenjuje "lažni".

To nije često koristi galleryimg oznaka img atribut uzrokuje upravljačke slike ploču (ako pređete preko nje), što omogućuje otvaranje zadane mape „My Pictures” i ispisivati, spremati ili slati slike putem e-maila. Onemogućite ploču navodeći vrijednost parametra galleryimg ne / netočno, i omogućiti ga da / istina.

U novoj HTML5 specifikaciji neki su parametri postali zastarjeli. Dakle, img atributi lowsrc, border, longdesc i ime šalju se u mirovinu.

Dijelite na društvenim mrežama:

Povezan
Odaberite tekst. Hrabar tip. HTML priručnik za početnikeOdaberite tekst. Hrabar tip. HTML priručnik za početnike
Prekinite liniju u HTML-u: upotrijebite oznaku brPrekinite liniju u HTML-u: upotrijebite oznaku br
Izgled web stranica: kako napraviti pozadinsku sliku u htmluIzgled web stranica: kako napraviti pozadinsku sliku u htmlu
Kao u HTML-u, umetnite sliku grafički, pozadinu. Kako umetnuti sliku u HTML iz računala, u…Kao u HTML-u, umetnite sliku grafički, pozadinu. Kako umetnuti sliku u HTML iz računala, u…
Kako izraditi HTML stranicu: upute, tehnologija i preporuke korak po korakKako izraditi HTML stranicu: upute, tehnologija i preporuke korak po korak
HTML-naredbe za izradu web stranicaHTML-naredbe za izradu web stranica
Lekcija: kako napraviti vezu u HTML-u?Lekcija: kako napraviti vezu u HTML-u?
Popis glavnih HTML oznakaPopis glavnih HTML oznaka
HTML atributi: prikazi i aplikacije. HTML-vodičHTML atributi: prikazi i aplikacije. HTML-vodič
Kako urediti pdf formatKako urediti pdf format
» » Upravitelj slika - img oznaka
LiveInternet