dijous, 13 de febrer del 2014

Imatges

Per incloure una imatge a la nostra pàgina web usarem l'etiqueta <img>
L'etiqueta <img> té dos atributs bàsics: src, per indicar la ruta de la imatge i alt per indicar un text alternatiu quan la imatge no es carrega

Exemple
<img src="imatge.gif" width="145" height="126" alt="Imatge de prova" >

Si la imatge està en la mateixa carpeta i servidor on es troba el codi html no fa falta indicar la ruta.

Si la imatge es troba en una subcarpeta anomenada imatges, caldrà indicar la ruta

<img src="imatges/imatge.gif" alt="Imatge de prova" >

Si es troba en una carpeta superior a on es troba la pàgina html, pujarem un nivell de carpeta.
 
<img src="../imatge.gif" alt="Imatge de prova" >

Si es trobes a dos nivells superiors :  


<img src="../../imatge.gif" alt="Imatge de prova" >

A part podem indicar l'atribut align per indicar la situació de la imatge. 
Podeu veure exemples en aquest link

Cap comentari:

Publica un comentari a l'entrada