Manager imagine - img tag

Imaginea nu este doar introdusă direct în text. Browserului i se spune numele și indică locul și modul de aranjare pe ecran. Pentru a face acest lucru, utilizați un singur img HTML-tag. Specifică locația graficului pe pagina web.

Dacă în principiu nu sunt necesare multe atribute pentru etichete, atunci eticheta img trebuie să aibă cel puțin un parametru - adresa imaginii. Acest atribut se numește src:

• < img src = `goat.jpg`> - în acest loc va fi afișat fișierul goat.jpg, care este stocat în directorul curent;
• < img src = `http: megasellmag.ru/design/images/Shape5.jpg`> - cu opțiunea tag imaginile browser-ul img de download postate pe internet pe site-ul megasellmag.ru.

Elemente de aliniere

Pentru a poziționa imaginea de pe pagina HTML cu ajutorul doar servește tag-ul img, atribute care sunt responsabile pentru plasarea imaginii pe pagină și caracterul ambalajul său text.

Implicit browser are o imagine în centrul ecranului, iar textul său nu se înfășoară. Eticheta img vă permite să vă exprimați dezacordul față de browser utilizând atributul align.

< img src = `goat.jpg` align = `left`> - imaginea va fi localizată la marginea din stânga a paginii, iar textul va apărea în dreapta.

În mod similar, ar comportamentul textului, în cazul în care imaginea este la dreapta (align = dreapta), de mijloc (align = mijloc), superior (align = sus), de jos (align = jos) și centrul (centru).

Indentarea și parametrii dimensiunii

Pentru a face textul de pe imaginea nu este accesat cu crawlere, tag-ul img primit -hspace spetsialnymiatributami (câmp orizontal / orizontal) și vspace (câmp vertical / vertical), determină cantitatea de indentare a textului din marginile imaginii, în pixeli.

< img src = `goat.jpg` align = `stânga` vspace = `15` hspace = `30`>

Imaginea nu se va deplasa doar ascultător de la text în funcție de cantitatea specificată, dar se va muta, de asemenea, departe de marginea paginii, deci este mai bine să evitați indentările mari.

Foarte importante sunt dimensiunile geometrice ale imaginilor, care nu sunt doar de dorit, dar uneori trebuie doar să fie specificate pentru afișarea corectă a imaginii. Pentru aceasta, sunt setate atributele de lățime și înălțime ale căror valori sunt specificate în pixeli sau procente.

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

Dacă specificați numai lățimea, înălțimea va fi potrivită automat cu proporțiile originale. Dimensiunile stabilite în procente vă permit să plasați imaginea în partea dreaptă a paginii, indiferent de dimensiunea ferestrei browser, iar această nevoie apare adesea.

Alți parametri

Atributul de graniță acoperă imaginea în cadrul grosimii specificate, pe care browser-ul nu o folosește în mod implicit.

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

Cadrul poate avea o grosime de zero zero ("border = `0"), dar aceasta este până când imaginea devine o legătură atunci când browserul îl urmărește automat cu o margine albastră, fără a aștepta instrucțiuni.

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

Unii utilizatori nerăbdători, înfuriați de viteza redusă a internetului, dezactivează pur și simplu afișarea imaginilor. Aici pentru astfel de cazuri este furnizat parametrul alt, permițând introducerea textului alternativ pe care utilizatorul îl va vedea într-un pătrat unde imaginea se grăbește să se încarce.

În cazul în care nu este mulțumit cu capacitățile Alt-parametru, tag-ul img poate predlozhitatribut longdesc, ca valoarea pe care utilizarea URL-adresa documentului pentru mai multe detalii.

Atributele usemap ismap și spune browser-ului că imaginea va fi de desen pe care hyperlink-uri sunt zone separate (carte de referință), numai parametrul usemap determină harta de navigare pe server, și ismap - harta pe partea de client.

< img src = lățimea `Quad_Band_Phone.jpg` = `145` height = `126` alt = `Telefoane mobile` usemap = `# telefoane`>

Descrierea link-ului 1 din imaginea de mai jos:

< img src = `img / map.jpg` width = `328` height = `236` border = `0` usemap = `# Dvostok`> < numele hărții = `Primorye`>

< formă de suprafață = coords `` = rect anilor `60, 20,110,50,105,80,35,80 `href =` `target =` Lsd022_1.html _ blank `alt =` Lesozavodsk „>

Articole exotice

Atributul lowsrc instruiește browserul să încarce mai întâi o copie (sau o altă alternativă) a imaginii originale cu o calitate mai scăzută și, prin urmare, mai "ușoară". Acest truc este prevăzut pentru cazul unei viteze scăzute de Internet pentru utilizator. Imaginea originală, încărcată, înlocuiește "falsul".

Acesta nu este folosit de multe ori atributul galleryimg img tag-ul face ca panoul de control al imaginii (dacă treceți peste ea), permițându-vă să deschideți folderul implicit „My Pictures“ și a imprima, salva sau trimite imaginea prin e-mail. Puteți dezactiva panoul setând galerieimg la nr / false și pentru a o activa prin setarea da / true.

În noua specificație HTML5, unii parametri au devenit caduce. Deci, img atributele lowsrc, border, longdesc și name sunt trimise la pensie.