Imagini in HTML

Imaginile in paginile web sunt foarte importante. Cu ajutorul lor saitul prinde viata si capata atractivitate dar trebuie luat in consideratie si faptul ca excesul de imagini va duce la incarcarea greoaie a saitului.

Inserarea unei imagini in pagina se face cu ajutorul marcajului <img> care are ca atribute:
src - fisierul imagine (src - source)
width - latimea imaginii
height - inaltimea imaginii
alt - valoarea acestuia este un text. Poate fi o descriere a imaginii sau paginii. Textul este afisat in browser doar atunci cand imaginea inca nu sa incarcat sau nu poate fi gasita.
border - chenar. Poate lua valorile 1 (cu chenar) sau 0 (fara chenar).
align - alinierea imaginii la dreapta - right, stanga - left, centru - center.

1.   Ce să mai citim?

2. Ce să mai citim?

3. Tatăl fondator al Uniunii Europene.            

4. Colonizarea de pe Marte !

5.   Ne pregătim pentru Marte

6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

7. Cine mai urăște să poarte mască?

Exemplu 1: 

<img src="flowers.jpg" >

Vezi rezultatul aici 

Exemplu 2: 

<img src="flowers.jpg" align="right" border="1" alt="Frumusetea naturii" > <p>Textul in partea stanga, imaginea in dreapta.</p>

Vezi rezultatul aici 

De mentionat faptul ca marcajul <img> nu este un marcaj cu pereche. Adaugarea la sfarstit a marcajului de genul </img> va fi inutila.


Imagini linkuri
O simpla imagine poate avea rol de link in cazul cand se include in interiorul marcajului <a>...</a>

Exemplu 1:

<a href="next_page.html"> <img src="flowers.jpg" border="0" alt="Frumusetea naturii" > </a>

Vezi rezultatul aici

Atat despre imagini. Ne adancim si mai mult in HTML incepand a studia tabelele, un subiect foarte important din limbajul HTML.