Imagini HTML Manual Web

Dacă inserăm doar text în paginile noastre web, acestea vor fi foarte simple și nu foarte lucide. De aceea, în HTML avem capacitatea de a insera imagini.

elemente decorative

Imaginile pot fi elemente reprezentative ale paginii web sau elemente decorative. Deși, în cazul în care sunt elemente decorative, ar trebui să folosim CSS pentru a le insera în pagina noastră web.

Utilizarea imaginilor într-o pagină web trebuie făcută cu prudență, deoarece fiecare imagine pe care am pus-o pe site-ul nostru web va crește dimensiunea (greutatea) paginii. Prin urmare, timpul de descărcare al paginii va fi afectat.

Inserați o imagine: elementul img

Pentru a insera o imagine în HTML avem elementul img, a cărui sintaxă de bază este:

După cum putem vedea, elementul img este un element simplu, deci nu are element de închidere și se termină cu bară inversă.

Atributul principal al elementului img este src indică calea imaginii pe care vrem să o încărcăm. Astfel, dacă imaginea se află pe aceeași cale cu site-ul nostru web vom pune:

Imaginea poate locui chiar pe un alt server. În acest caz, adresa URL care conține imaginea trebuie să indice protocolul și serverul care găzduiește imaginea. De exemplu, putem avea următorul cod: