<img border="0" data-original-width="366" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGLbP2wgRfrr2C6ZIopewlqJxX0URPC8D1imgWoysbSi3VsojStzhNZK7XYr2Ucj3RhY7ZlWjInoEHJ8jVuEDdp76bb8S6B4nfJUZedvn0uW0ecI1wI8jfPVx25h2q1ODpRjf-IBKchM3i/s400/HEDY+LAMAR.png" width="265" />
Explicación:
Este sería el código para insertar una imagen alineada a la derecha. Se utilizan distintos atributos y etiquetas para defnir todas las características que tendrá la imagen.
Para empezar se utiliza la etiqueta: <img> src="_______"/>
El Elemento HTML <img> nos permite introducir una imagen mediante src="__" que nos da la ruta del archivo. Sin esto, no se abriría ninguna imagen.Se le pueden añadir atributos para cambiar ciertas características de la imagen como puede ser:
border=" nº "
Este atributo nos permite generar un marco a la imagen como se puede apreciar en esta captura.
Dependiendo del número que le asignes, se generará un marco mas grueso u otro.
Dependiendo del número que le asignes, se generará un marco mas grueso u otro.
Data-original-width="nº" height="nº"
Estos atributos nos dan el valor de las dimensiones de la imagen, mediante ellos, se puede redimensionar una imagen al tamaño que quieras, por ejemplo:
Estos atributos nos dan el valor de las dimensiones de la imagen, mediante ellos, se puede redimensionar una imagen al tamaño que quieras, por ejemplo:
 |
| este es un ejemplo de cambiar el valor de "height" |
Muy bien explicado
ResponderEliminar