miércoles, 11 de mayo de 2016

Tutorial: posicionar imagenes en html



Hola hola  personitas lindas image me da mucho gusto poder publicar algo . Estos dias han sido muy saturados de tareas, proyectos y esas cosas imagese acercan los finales :c pero por fin terminé y pude escribir un tiempito por aqui♥
Ya que ayer fue el dia de las madres  no pude publicar nada fue por eso y aparte las tareas eran tantas que me dormi tarde  asi que les mando mis felicitaciones y buenos deseos a todas las madres del mundoimage
Bueno en este post les comparto un breve tutorial de como colocar una imagen centrada y como acomodarla, asi que empecemos 

Una imagen comunmente se coloca en un codigo como <img src="URL IMAGEN">
pero lo que pasa es que a veces nos aparece la imagen a la izquierda y no sabemos como centrarla. (a mi me pasó )
La palabra clave que necesitamos es  <center>  si colocamos <center> despues o antes del codigo anterior de la imagen dependiendo si tienes un texto arriba o abajo. Tambien se puede escribir asi:

<div align="center"><img src="url de tu imagen></div> 


Esto es para que tu imagen se coloque en el centro de un gadget, entrada, etc.

Ahora veamos como posicionarla a la izquierda

<p>
<img src="url de tu imagen" align="left">

A la derecha seria lo mismo solo que reemplazamos left por right
Bueno esto ha sido todo se que es un tuto cortito pero es muy util para posicionar una imagen.
Espero les haya servido el tutorial si tienen dudas diganme en los comentarios y con gusto les respondo 




                                         


2 comentarios:

  1. ¡Hola! Buen tutorial ñwñ Gracias por pedir afiliación, ya coloqué tu botoncito en mi blog :) Ya me he unido a tu blog, ¡es precioso! <3

    Un saludo y nos leemos <3

    ResponderEliminar
    Respuestas
    1. Hola! que bueno que te sirvio el tutorial n.n y muchas gracias♥ te sigo tambien :)
      saludos! *.*

      Eliminar

Bienvenida a mi blog ^^ espero que te guste el blog y que tu comentario sea respetuoso, me alegraría mucho si comentaras
Aqui hay emoticones para comentar:
(✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (。♥‿♥。) (✿ ♥‿♥) (≧◡≦) (¬ u ¬) (◑‿◐) (◕‿-) (-’_’-) (╥_╥) (╯_╰) (╯3╰) (o_-) (¬‿¬) (∪ ◡ ∪) (≧ω≦) o(≧o≦)o (⋋▂⋌) (╯ಊ╰) (─‿‿─)

love

Purple Bow Tie