Pentru a insera o imagine, se foloseste acest tag:
<img border="1" src="file:///c:/imagini/smile.gif" width="514" height="184" alt="descrierea imaginii">
Explicatie atribute:
-alt="descriere" - trebuie folosita o descriere a imaginii inserate; este importanta deoarece descrierea imaginii este indexata de motoarele de cautare; websitul tau poate fi favorizat de o descriere elocventa;
-border este o cifra care indica grosimea unui chenar care poate sublinia imaginea; pentru a nu afisa un chenar, border ia valoarea zero: border="0";
-src="locatie" - acest atribut "comunica" browserului locatia imaginii pe care trebuie sa o afiseze; daca imaginea se afla in acelasi folder cu fisierul HTML creat, src="nume_imagine.ext", daca imaginea se afla intr-un alt folder pe hardisk (in cazul in care se face o pagina HTML locala), se precizeaza adresa imaginii, de forma:
<img border="1" src="file:///c:/imagini/smile.gif">. In acest caz browserul va cauta imaginea in folderul C:\imagini\. Daca imaginea se afla pe un alt website, ea se adreseaza astfel:
<img src="http://www.adresa.com/imagine.ext">. Acest lucru este de obicei de evitat, deoarece posesorul unei pagini web poate bloca accesul la imagini si atunci pagina ta va afisa... 
nimic.
Tagul care afiseaza o imagine poate avea si atribute de marime, precizate prin width="" (latime) si height=""(inaltime). Exemplu:
O imagine se poate asocia cu un link, astfel:
<a href="http://www.adresa_web.com"><img border="0" src="smile.gif"></a>.
Nu crezi?
Fa click pe imaginea de mai sus pentru a trece la lectia urmatoare;
vei vedea cum poti introduce diverse liste in pagina ta.