Cómo convertir una imagen en código HTML

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 de tamaño debe tener 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.

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. Use el servidor de su sitio web, o si no tiene un sitio web, intente usar Picasa u otra aplicación de almacenamiento y uso compartido de imágenes. Toma nota de la URL donde está guardada la foto.

Paso 3

Abra un documento HTML. Use 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 abra 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 donde se almacena la imagen. Por ejemplo, . 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 reducirá 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

Convierte la imagen en un enlace si lo deseas. Use la etiqueta de anclaje con la etiqueta de imagen incrustada dentro. Por ejemplo, .