HTML

Exemplul 1:
<HTML>
<HEAD>
<TITLE>Imagini</TITLE>
</HEAD>
<BODY>
<CENTER>Adaugarea imaginilor in paginile web
 
<IMG SRC="images.jpg">
</CENTER>
</BODY>
</HTML>
Exemplul 2:
<HTML>
<HEAD>
<TITLE>Imagini</TITLE>
</HEAD>
<BODY>
Acest text este asezat inaintea imaginii 
<IMG SRC="dog.jpg" align="right" alt="catelus">
In schimb, acest text este aliniat in stinga imaginii,
deoarece am folosit atributul align="right" in momentul
in care am inserat imaginea in pagina noastra web prin
intermediul tag-ului src.

</BODY>
</HTML>
a) Acest text este asezat inaintea imaginii 
Se observa ca
<IMG SRC="dog.jpg" align="top" alt="catelus">
doar primul rind al textului este aliniat cu
latura de sus a imaginii, restul textului
fiind afisat dupa imagine

b) 
Acest text este asezat inaintea imaginii 
Se observa ca
<IMG SRC="dog.jpg" align="middle"
alt="catelus">
doar primul rind al textului este aliniat la
jumatatea inaltimii imaginii, restul textului

fiind afisat dupa imagine

c) Imaginea originala are dimensiunile 200x150:
 
<IMG src="dog.jpg">
 
Iat-o redimensionata proportional la 100x75:
 
<IMG src="dog.jpg" width="100" height="75">
 
Iat-o si deformata: 
<IMG src="dog.jpg" width="50" height="100"> sau
<IMG src="dog.jpg" width="150" height="50">

HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML

Încărcat de

Drepturi de autor:

Formate disponibile

Exemplul 1:

a) <P>Acest text este asezat inaintea imaginii <br>

<IMG SRC="dog.jpg" align="top" alt="catelus">

doar primul rind al textului este aliniat cu

latura de sus a imaginii, restul textului

fiind afisat dupa imagine

Acest text este asezat inaintea imaginii <br>

<IMG SRC="dog.jpg" align="middle"

doar primul rind al textului este aliniat la

jumatatea inaltimii imaginii, restul textului

c) <P>Imaginea originala are dimensiunile 200x150:

Iat-o redimensionata proportional la 100x75:

<IMG src="dog.jpg" width="100" height="75">

<IMG src="dog.jpg" width="50" height="100"> sau

<IMG src="dog.jpg" width="150" height="50">

S-ar putea să vă placă și