Cómo Aumentar El Tamaño De Una Imagen En Html

Tabla de contenido:

Cómo Aumentar El Tamaño De Una Imagen En Html
Cómo Aumentar El Tamaño De Una Imagen En Html

Video: Cómo Aumentar El Tamaño De Una Imagen En Html

Video: Cómo Aumentar El Tamaño De Una Imagen En Html
Video: Curso de HTML [Curso HTML Básico] 09 - Cambiar tamaño de imágenes 2024, Abril
Anonim

Puede cambiar el tamaño de la imagen que se muestra en la página especificando los atributos apropiados para la etiqueta

que se encarga de mostrar los gráficos en la página HTML. El aumento o la disminución se realiza a través de los atributos de ancho y alto.

Cómo aumentar el tamaño de una imagen en html
Cómo aumentar el tamaño de una imagen en html

Insertar una imagen

Antes de editar, agregue una imagen a la página especificando etiquetas

… Para editar un documento HTML, debe abrir la página en cualquier editor de texto. Haga clic derecho en el archivo y seleccione el atributo "Abrir con" - "Bloc de notas". También puede especificar cualquier otro editor que le resulte más conveniente utilizar para cambiar el código.

Vaya a la sección de documentos y busque la etiqueta

… Si la imagen aún no se ha agregado a la página, ingrese el siguiente código:

La ruta al archivo de imagen puede ser relativa o absoluta. El atributo alt="Imagen" es responsable del nombre de la imagen y de agregarle un título, que se mostrará cuando el puntero del mouse esté sobre la imagen.

Cambio de talla

Para ampliar la imagen, establezca los parámetros adecuados de ancho y alto agregando atributos a la etiqueta de la imagen:

El parámetro de ancho corresponde al ancho de la imagen y la altura contiene el indicador de la altura de la imagen. En este caso, cuando se abre la página, se mostrará una imagen con un ancho de 300 píxeles y una altura de 350 píxeles en la ventana del navegador. También puede agregar los atributos hspace y vspace para cambiar la configuración de formato en la página:

En este descriptor, se especificaron los márgenes horizontal (hspace) y vertical (vspace) de la imagen. Cualquier texto agregado a la página tendrá un espacio de 5 píxeles horizontalmente desde la imagen y 10 píxeles verticalmente. El atributo de borde es responsable de crear un borde de 1 píxel alrededor de la imagen.

Cabe señalar que el tamaño de la imagen se puede establecer no solo en píxeles, sino también como un porcentaje relativo al tamaño de la ventana del navegador. Por ejemplo:

Como resultado del trabajo de este código, la imagen se estirará a lo largo de todo el ancho de la ventana. Vale la pena señalar que la imagen en este caso puede distorsionarse. La visualización ampliada de la imagen depende de la calidad de la imagen en sí.

Guarde los cambios realizados mediante la función "Archivo" - "Guardar" de la ventana "Bloc de notas". Verifique la visualización de la imagen en la ventana del navegador abriendo el archivo HTML haciendo clic derecho y eligiendo la opción "Abrir con". En la lista de opciones propuestas, seleccione el programa que utiliza para navegar por Internet. Puede editar el archivo HTML tantas veces como desee para ajustar el tamaño de la imagen.

Recomendado: