Cómo convertir una imagen a código HTML

Escribiendo las manos en el teclado

Las manos de un hombre en un teclado de computadora

Credito de imagen: JatinderKumar / iStock / Getty Images

Con solo unos pocos fragmentos de código HTML, puede incrustar una imagen en cualquier página web, correo electrónico u otro documento HTML o XML basado en Internet. Si bien no puede "convertir" una imagen a código HTML, puede guardar la imagen localmente o en una dirección web específica y luego designar un lugar para ella en un documento HTML. También puede especificar cuántos píxeles grandes debe aparecer la imagen, tanto vertical como horizontalmente. Siga leyendo para aprender cómo convertir una imagen a código HTML.

Paso 1

Elige una imagen. Puede ser cualquier imagen de cualquier tamaño.

Video del día

Paso 2

Guarde la imagen localmente o en línea. Esto significa que puede guardarlo en su computadora o en una dirección web específica. Si desea que otras personas puedan ver la imagen en línea, debe cargar la imagen en un servidor web. Utilice el servidor de su sitio web o, si no tiene un sitio web, intente utilizar Picasa u otra aplicación de almacenamiento y uso compartido de imágenes. Toma nota de la URL donde se guarda la foto.

Paso 3

Abra un documento HTML. Utilice la etiqueta de la imagen y la URL exacta de donde se almacena la imagen: . Esto incrustará la imagen en su documento HTML. Cuando el usuario abre ese documento a través de un navegador web u otro programa, aparecerá la imagen.

Paso 4

Ajuste el ancho de la imagen como desea que aparezca, en términos de píxeles. Nuevamente, use la URL exacta de donde se almacena la imagen. Por ejemplo, http://example.com/image.jpg" ancho = 400>. Esto estirará o reducirá el ancho existente de la imagen a 400 píxeles.

Paso 5

Ajuste la altura de la imagen como desea que aparezca, en términos de píxeles. Por ejemplo, . Esto estirará o encogerá la altura existente de la imagen a 700 píxeles.

Paso 6

Combine los ajustes de ancho y alto según sea necesario. Por ejemplo, .

Paso 7

Convierta la imagen en un enlace si lo desea. Utilice la etiqueta de anclaje con la etiqueta de imagen incrustada en su interior. Por ejemplo, .