Adăugarea de imagini în paginile site-ului dvs. web le poate face mai plăcute ochilor și poate transmite mai bine informații decât utilizând singurul text. Acest proces se realizează prin utilizarea codului HTML și a unui fișier imagine. Fișierul poate fi dintr-o pagină web diferită sau poate fi stocat pe un server web.

Utilizarea funcției etichetă

În codul HTML pentru o pagină Web, puteți adăuga o imagine utilizând etichetă. În tag, trebuie să specificați patru atribute:

• Src - Atributul sursă indică locația imaginii. Puteți utiliza o cale relativă dacă imaginea se află pe același server ca și site-ul dvs., dar imaginile de pe alt site necesită căi absolute.
• Alt - atributul de text alternativ este o descriere scrisă a imaginii.
• Lățime - Lățimea imaginii.
• Înălțime - Înălțimea imaginii.

Un atribut opțional este Border, care vă permite să specificați o margine în jurul imaginii. Atributul de graniță este definit în dimensiunea pixelilor. De exemplu, folosind border = 1 în etichetă înseamnă că marginea din jurul imaginii ar fi de 1 pixel lățime.

Notă: atributul Border a fost depreciat în HTML5 și nu este acceptat.

Exemple

Următoarele exemple ilustrează HTML-ul real utilizat pentru a adăuga imaginea în partea de sus a acestei pagini. Acestea pot fi inserate oriunde în corpul paginii dvs. Primul are o adresă URL mai scurtă, deoarece imaginea este stocată pe serverul nostru; al doilea este modul în care vă veți conecta la imaginea noastră.

Exemplu unu

Exemplul doi

Ce formate de imagine pot folosi pe o pagină web?

Cele mai obișnuite formate de imagine care se utilizează pentru imagini, fotografii, logo-uri și alte imagini sunt JPEG, GIF și PNG. Alte formate de imagine care nu sunt acceptate pe scară largă, cum ar fi BMP, pot să nu funcționeze în toate browserele.

Am nevoie de citate în jurul atributelor din eticheta img?

Da. Deși browserele de astăzi pot remedia de obicei orice erori cu cotații lipsă în jurul valorii de valoare a unui atribut, ar trebui să aveți întotdeauna cotații în jurul unei valori de atribut pentru a preveni erorile.