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 cual
                  la alineamos en el centro con un ancho de 75% y un
                  grosor 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

Entradas más populares de este blog

Ejemplo de suma Pascal

Solucion al error collation desconocida: 'utf8mb4_0900_ai_ci'