¿Cómo poner dos imágenes juntas en HTML?

¿Cómo poner dos imágenes juntas en HTML? Los leguajes de programación  son diversos, sin embargo, el mas usado para el desarrollo de páginas y sitios webs es HTML, para poder crear de manera satisfactoria y completa este tipo de sitios, es necesario que se introduzcan una serie de comandos que van a determinar desde el color de la página, hasta la manera en la que los usuarios podrán desviarse a otros sirios a través de links.

Una de las funciones importante de este lenguaje y que van a determinar el carácter de la página misma es la colocación de imágenes, para esta acción es necesario que se usen comandos específicos que les darán la unificación adecuada.

Las oimagemnes en HTML

Es importante señalar que la colocación de imágenes consecutivas en el lenguaje HTML, requiere de una combinación de atributos y de otras indicaciones que se le darán al lenguaje para que efectué la colección de la manera en la que se está solicitando, la forma correcta d hacerlo es la siguiente:

Para el ingreso de la imagen usaremos <img>, para cada una de las imágenes por separado, estas deberán estar en su línea propia, pero sin estar separadas de las otras, es necesario que lleves a cabo la introducción del atributo src, con lo que se realizara la definición de la ruta del archivo. Esto deberá quedar como algo asi:

< imag src= “path/to/image1.png”> < img src = “path/to/image2.png”>

Guarda el archivo

Lo siguiente que procede es realizar el guardado de los archivos HTML, en este caso será necesario que se haga esta acción ya que, si el sitio web en el que se esta trabajando ya se encuentra en línea, al momento de llevar a cabo el almacenamiento de las imágenes, este se actualizará, para esto se debe agregar la hoja de estilos de cascada o CSS.

La edición CSS

Para realizar la edición e introducción de CSS, esto se debe hacer para poder asegurar que las imágenes se van a alinear en sentido horizontal, es necesario que se agregue el código CSS a un archivo CSS externo o en si defecto a las etiquetas < estilo > las cuales se deberán colocar en el medio de las etiquetas < head > ubicadas en la parte alta del documento HTML, un ejemplo se esta acción seria:

IMG {flotante: izquierda; margen derecha: 10px; margen inferior: 10px;}

Enrrolla las etiquetas

Para realizara el enrolle de las etiquetas <img > con la etiqueta o con una etiqueta < div > ya que sele da a esta ultima un atributo ID, es necesario que se recuerde que este atributo ID es un nombre único y que deberá tener un significado, un ejemplo para esta situación es:

< div id = “imágenes” > < imag src= “path/to/image1.png” / > < img src = “path/to/image2.png” / > < / div >

Lo siguiente es escribir el código CSS para evitar que las imágenes terminen flotando en otro contenido. Por lo que se deberá ver así:

Imágenes img {float: left;}

Deja un comentario


ParadaCreativa Manual
Descubrir Online Manual
IK4 Manual
Seguidores Manual
MiBBMeMima Manual
Tramitalo Manual
Minimanual Manual
Un Como Hacer Todo Manual
Tarabu*
Ejemplos NXt Manual
GamingZeta Manual
LavaMagazine Manual
TipoRelax Manual
Trucoteca Manual
ZonaHeroes Manual
TipoRelax Manual