Etiqueta Imagen en HTML

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: