Establecer la longitud y el ancho de una imagen con html

Contenido

Esta instrucción explica cómo configurar la altura y el ancho de una imagen usando HTML (Lenguaje de marcado de hipertexto).

  • El `ancho` indica el ancho de una imagen en píxeles.
  • La `altura` indica la altura de una imagen en píxeles.
  • En HTML 4.01 la altura se puede definir en píxeles o porcentajes. En HTML5, el valor debe estar en píxeles.

Pasos

Imagen titulada Establecer el ancho y la altura de la imagen usando HTML Paso 1
1. Edita el archivo cuya imagen quieres mostrar. por ejemplo: predeterminado.html
Imagen titulada Establecer el ancho y la altura de la imagen usando HTML Paso 2
2. Agregue esta línea a su script
"Imagen"
origen es la ruta del archivo a su imagen.
alternativa es la etiqueta que le das a tu imagen.
Imagen titulada Establecer el ancho y la altura de la imagen usando HTML Paso 3
3. Reemplazar `altura` y `anchocomo quieras, por ejemplo altura="19" ancho ="20"
Imagen titulada Establecer el ancho y la altura de la imagen usando HTML Paso 4
4. Guarde el archivo y ábralo con cualquier navegador para ver el efecto. El atributo `ancho` es compatible con todos los principales navegadores como Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer, etc.

Consejos

  • Especifique siempre los atributos de alto y ancho para las imágenes. Si se establecen la altura y el ancho, el espacio necesario para la imagen se reservará cuando se cargue la página. Sin embargo, sin estos atributos, el navegador no conoce el tamaño de la imagen y no puede reservar un espacio adecuado para ella. El efecto de esto es que el diseño de la página cambia durante la carga (mientras se cargan las imágenes).
  • Cambiar el tamaño de una imagen grande ajustando la altura y el ancho obliga al usuario a descargar la imagen grande (incluso si se ve pequeña en la página). Para evitar esto, cambie la escala de la imagen con un programa antes de colocarla en una página.

  • Artículos sobre el tema. "Establecer la longitud y el ancho de una imagen con html"
    Оцените, пожалуйста статью