1
Coloque la etiqueta " img " en el archivo HTML que desea que la imagen que se mostrará en la página Web . Debe estar entre las etiquetas "body" y después de las etiquetas "H1" . Por ejemplo ,
Este es el texto. < /H1 > < img src = " photo.jpg " alt = " Una descripción de la foto" href = " 270 " = " 50 " />
< /body>
define
una imagen denominada photo.jpg que es de 170 píxeles de ancho por 50 píxeles de alto . Es la primera cosa en la página después del encabezado superior.
2
Utilice el atributo CSS "margen " para definir el espacio alrededor de los elementos de página, como imágenes. El valor "auto" para el atributo margen indica al navegador Web para determinar automáticamente la cantidad de espacio. Así , style="margin:auto;" define que el espacio alrededor de la imagen está determinada por el navegador.
3
Utilice la propiedad " display " para definir cómo se muestra un elemento de página . El valor de "bloqueo " para la propiedad display indica al navegador Web para mostrar el elemento en su propia línea , con espacio por encima y por debajo de ella. Por lo tanto, < img src = " photo.jpg " alt = " Una descripción de la foto" href = " 170 " = estilo " 50 " = " margin: auto ; display : block; " /> define la misma imagen , pero la adición de . "display: block; " ahora lo coloca en su propia línea
4
Ver la página web en varios navegadores diferentes para comprobar que la imagen esté centrado correctamente.