Etiqueta Imagen en HTML

Tema

Como insertar una imagen en html
Etiqueta utilizada para setear el borde de una imagen en html.
Como setear set image en ambas esquinas en una misma línea.

Explicación:


Etiqueta Image: <img>

Para setear una imagen en la página, se necesita usar la etiqueta "img" con su atributo "src"
Código::
<img src="test.jpg">

Resulta:


Asumimos que tenemos el archivo de imagen en el mismo directorio que el archivo HTML.
Colocamos ruta completa del directorio como en el siguiente ejemplo:
ejemplo:
<img src="C:\images\test.jpg">


Width and Height:
Podemos resizear imágenes que son mostradas en páginas web usando los atributos width y height.
Ejemplo:
<img src="test.jpg" width=100 height=100>
Resulta:



Alineado:
Se alinea la imagen usando el atributo "align".
El valor del atributo puede ser left o right o center.
Ejemplo:
<img src="test.jpg" align=left> <img src="test.jpg" align=right>
Resulta:



Bordes:
Podemos setear bordes alrededor de las imágenes, usando el atributo "border". Puede ser usado para crear un espacio alrededor de la imagen
Ejemplo:
<img src="test.jpg" border=4>
Resulta:


HTML de base