Ejemplo Imagen size width y align html
En esta ocasión mostrare un ejemplo de html en el cual
colocaremos una imagen:
<img src=”link”>
La img como el nombre lo indica sirve para poder colorcar
una imagen en la pagina web para lo cual solo debemos de colocar su ubicación
dentro del src.
Imagen a la cual le editaremos su alineación, tamaño y ancho
describiendo un poco:
align: Permite cambiar la alineación. Teniendo la opción de tomar
tres valores:"left", "center" y
"right" para conseguir alineación a la izquierda,
centro y derecha respectivamente.
size: Con este atributo se puede controlar el grosor de la
línea.
width: Este atributo permite especificar el ancho de la
línea. El valor puede ser dado de
una manera absoluta, especificando el ancho en pixeles (por
ejemplo width=100) o
de manera relativa respecto al ancho de la ventana del
navegador usando porcentajes
(por ejemplo width="90%").
A continuación mostrare un ejemplo utilizando los atributos
con la imagen “img.png”, la cual es esta:
Aquí el código:
<html><head><title>Ejemplo de imagen html</title></head><body><!-- Colocando la imagen con el nombre img.png la cualla alineamos en el centro con un ancho de 75% y ungrosor de 250px.--><img align="center" size="250px" width="75%" src="img.png"></img></body></html>
Ejecutando ejemplo:
Como pueden ver el cambio que tubo al ejecutar el codigo es que el tamaño de la imagen crecio y esta alineada en el centro.
Descargar ejemplo
Comentarios
Publicar un comentario