Una página Web codificador utiliza Hypertext Markup Language para decirle al navegador Web con el propósito funcional de cada elemento de una página , como un párrafo, partida o lista. Dado que HTML 4 , Cascading Style Sheets han proporcionado el codificador con una forma de decirle al navegador cómo cada uno de estos elementos debe buscar , aparte de definir lo que son. Una página puede tener diferentes estilos CSS para diferentes tipos de dispositivos, como teléfonos móviles y computadoras de escritorio , lo que permite la aparición página a cambio sin el codificador necesidad de cambiar el código HTML . Utilice las propiedades CSS para centrar una imagen . Instrucciones
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.