Cum de a insera o imagine pe o pagina HTML

Serghei Syroezhkin Copywriter

Un mod simplu de a insera o imagine pe un site html:

Dar, în acest fel, imaginea este afișată cu dimensiunea originală, fără nivelare, fără informații suplimentare. Prin urmare, pentru a adăuga o imagine mai frumos și corect, trebuie să utilizați parametri suplimentari. Să le considerăm mai detaliat.

Atributele tag IMG

Următorii parametri sunt utilizați pentru a afișa imagini prin intermediul tag-ul IMG:

• lățime / înălțime - indică lățimea / înălțimea imaginii (în pixeli sau procente);
• aliniați - alinierea (dreapta, stânga, centru);
• frontieră - determină grosimea ramei în jurul modelului (pixeli). În cazul în care atributul nu este specificat în mod explicit, atunci valoarea implicită (border = 0);
• hspace / vspace - indică dimensiunea orizontală / verticală care pleacă de la imaginile la conținut.

Să luăm în considerare în modul de a face o fotografie în codul HTML:

Aici dimensiunile în pixeli.

dimensiunea imaginii adaptivă folosind HTML

Dacă sunteți typeset „cauciuc“ sau „adaptiv“ de proiectare a site-ului, imaginile din codul HTML trebuie să specificați dimensiunea ca procent. Încercați să creați pagina HTML cu codul afișat mai jos (prima introducere următoarea imagine în HTML fișier cu numele „img.jpg“) și redimensiona fereastra browserului. Veți vedea că dimensiunea imaginii va varia în funcție de dimensiunea ferestrei.