TRAŽI

Upravitelj slika - img oznaka

Slika nije umetnutaizravno 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 = "/ images / goat.jpg"> - na ovom mjestu će se prikazati datoteka goat.jpg, koja je pohranjena u trenutnom direktoriju;
  • <img src = "/ images / http: megasellmag.ru/design/images/Shape5.png"> - s ovim parametrom img oznake preglednik će preuzeti sliku objavljenu na internetu na web mjestu 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

Prema zadanim postavkama preglednik ima sliku u sredini zaslona, ​​a tekst se ne zaglađuje. Imag oznaka omogućit će Izrazite svoje neslaganje s preglednikom pomoću alata za poravnanje.

- slika će se nalaziti na lijevom rubu stranice, a tekst će se okrenuti oko njega na desnoj strani.

Ponašanje teksta će biti slično ako je slika postavljena desno (poravnanje = desno), u sredini (poravnanje = srednje), na vrhu (poravnavanje = vrh), na dnu (poravnavanje = dno) i središtu (sredini).

Parametri uvlačenja i veličine

Da tekst ne puzi u slikama, oznaka img je poseban atributi -hspace (horizontalni / horizontalni polja) i vspace (vertikalna / vertikalna polja), koji određuju količinu tekstualne uvlake s rubova slika u pikselima.

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 geometrijske dimenzije slika,koji nisu samo poželjni, ali ponekad samo trebaju biti određeni za ispravan prikaz slike. Da biste to učinili, postavljeni su atributi širine i visine, čija vrijednost je navedena u pikselima ili postotcima.

Ako navedete samo širinu, visina će bitiautomatski se odabire s izvornim proporcijama. Veličine navedene u postocima, omogućuju postavljanje slike u potrebni dio stranice, bez obzira na veličinu prozora preglednika, a takva se potreba često javlja.

Ostali parametri

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

Okvir može imati i, čini se, besmislenonula širina (granica = "0"), ali to je sve dok slika ne postane veza kada preglednik automatski prati plavu granicu, a da ne čeka upute.

Neki nestrpljivi korisnici, bijesnimalu brzinu interneta, samo isključite 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 alt opcija, img oznaka može ponuditi atribut longdesc, čija vrijednost je URL dokumenta s detaljnijim opisom.

Atributi karte i mišap ukazuju na preglednik daslika će biti slika u kojoj je hiperveza zasebna zona (mapa veze), samo parametar usemap određuje navigacijsku kartu na poslužitelju, a mišap je karta na strani klijenta.

Mobilni telefoni

Opis veze 1 na donjoj slici:

html img tag

Egzotične stavke

Atribut lowsrc upućuje pregledniku da se učitaPrije svega, primjerak (ili druga alternativa) izvorne slike 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".

Nije tako uobičajeno galerijski atribut oznakeimg poziva upravljačku ploču slike (ako zadržite pokazivač iznad nje), omogućujući vam da otvorite standardnu ​​mapu My Pictures i ispisati, spremiti ili poslati sliku e-poštom. Možete onemogućiti ploču postavljanjem galerije u ne / false i omogućiti ga postavljanjem yes / true.

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

  • Ocjenjivanje: