Atributo |
Codigo |
Resultado |
src= |
<img src="https://img.webme.com/pic/h/html-basico/flechadecostado.png"> |
|
|
align="left" |
A la izquierda<img src="https://img.webme.com/pic/h/html-basico/flechadecostado.png" align="left"> |
|
A la izquierda |
|
align="right" |
A la derecha<img src="https://img.webme.com/pic/h/html-basico/flechadecostado.png" align="right"> |
|
A la derecha |
|
align="center" |
Centrada<img src="https://img.webme.com/pic/h/html-basico/flechadecostado.png" align="center"> |
|
Centrada |
|
align="top" |
Arriba<img src="https://img.webme.com/pic/h/html-basico/flechadecostado.png" align="top"> |
|
Arriba |
|
alt= |
<img alt="Esta imagen no se ve, y el texto no se puede seleccionar.Y se muestra el texto" src="http://www.lala.jpg"> |
|
|
title= |
<img src="https://img.webme.com/pic/h/html-basico/flechadecostado.png" title="Esta imagen no se ve, pero se muestra el titulo al estar encima de la imagen"> |
|
|
width= |
<img width="40" src="http://www.alal.es/images/imagen.gif"> Su anchura es de 40px |
|
Su anchura es de 40px |
|
height= |
<img height="20" src="http://www.alal.es/images/imagen.gif"> Su altura es de 20px |
|
Su altura es de 20px |
|
height= + width= |
<img height="20" width="40" src="http://www.alal.es/images/imagen.gif"> Su altura es de 20px, y su anchura de 40px |
|
Su altura es de 20px, y su anchura de 40px |
|
border="1" |
<img border="1" src="https://img.webme.com/pic/h/html-basico/flechadecostado.png"> Ahora tiene un borde de 1px de color negro |
|
Ahora tiene un borde de 1px de color negro |
|
border="2" |
<img border="2" src="https://img.webme.com/pic/h/html-basico/flechadecostado.png"> Ahora tiene un borde de 2px de color negro |
|
Ahora tiene un borde de 2px de color negro |
|