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.
Establecer la longitud y el ancho de una imagen con html
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
1. Edita el archivo cuya imagen quieres mostrar. por ejemplo: predeterminado.html
2. Agregue esta línea a su script
origen
es la ruta del archivo a su imagen.alternativa
es la etiqueta que le das a tu imagen.3. Reemplazar `
altura
` y `ancho
como quieras, por ejemplo altura="19" ancho ="20"
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
Artículos sobre el tema. "Establecer la longitud y el ancho de una imagen con html"
Оцените, пожалуйста статью
Popular