Seryozha Syroezhkin Copywriter
Un mod simplu de a introduce o imagine pe un site html:
Dar, în această formă, imaginea va fi afișată cu dimensiunile originale, fără aliniere, 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 analizăm mai detaliat.
Atributele tag-ului IMG
Pentru a afișa o imagine utilizând eticheta IMG, utilizați următoarele opțiuni:
- lățime / înălțime - specifică lățimea / înălțimea imaginii (în procente sau pixeli);
- aliniere - alinierea imaginii (dreapta, stânga, centru);
- border - definește grosimea marginii din jurul imaginii (în pixeli). Dacă atributul nu este specificat în mod explicit, atunci se folosește valoarea implicită (margine = 0);
- hspace / vspace - specifică mărimea indentării orizontale / verticale din imagine în conținutul din jur.
Luați în considerare acum cum să faceți o fotografie în codul html:
Aici dimensiunile sunt în pixeli.
Dimensiuni adaptive ale imaginii cu HTML
Dacă introduceți designul "cauciuc" sau "adaptiv", atunci în codul de imagine html este necesar să specificați dimensiunile în procente. Încercați să creați o pagină HTML cu codul de mai jos (introduceți o imagine cu numele "img.jpg" de lângă fișierul html) și redimensionați fereastra browserului. Veți vedea că dimensiunea imaginii va varia în funcție de mărimea ferestrei.