Cómo insertar código de imagen html en una página web

1. Sube fotos.

Hay muchos sitios web de servicios de alojamiento de imágenes gratuitos, como el álbum en línea de Picasa, el sitio web de Imgur, el sitio web del álbum de Flickr o el sitio web de fotos, etc. Si desea utilizar fotografías de otros sitios web, pregúntele primero al creador de ese sitio web y obtenga permiso antes de usarlas. Si el creador está de acuerdo, la imagen se descarga primero y luego se carga en el sitio de alojamiento de imágenes.

2. Abra el documento web al que desea agregar imágenes.

Si quieres insertar una imagen en el foro, puedes introducirla directamente en el post. Muchos foros no utilizan HTML para editar páginas web, sino que utilizan un sistema personalizado para escribir. Si el método no funciona, solicite ayuda a otros expertos del foro.

3. Comience con la etiqueta img.

Busque la ubicación donde desea insertar la imagen en la parte principal de la página web (es decir, la parte de HTML). Escriba la etiqueta aquí. Esta es una etiqueta vacía que crea un marcador de posición para la imagen a la que se hace referencia. Al mismo tiempo, en HTML, la etiqueta lt;imggt; no tiene etiqueta de cierre. Debe colocar la imagen insertada entre dos corchetes angulares.

4. Encuentra la dirección URL de la imagen.

Visita la página donde está almacenada la imagen. Haga clic derecho en la imagen (seleccionada automáticamente en Mac) y seleccione "Copiar URL de imagen". También puede hacer clic en "Ver imagen" para ver la imagen individualmente en una nueva pestaña. Luego copie la dirección URL en la barra de direcciones.

5. Coloque la dirección URL en el atributo "src".

Como sabes, los atributos HTML modifican elementos a través de etiquetas y proporcionan información adicional a los elementos HTML. El atributo src? es la abreviatura de "fuente" y le indica al navegador dónde encontrar la imagen. Escribe src="" y pega la dirección URL de la imagen entre comillas.

6. Añade el atributo "alt".

Técnicamente hablando, tu archivo HTML ya tiene todos los elementos para mostrar una imagen. Sin embargo, es mejor agregar el atributo alt, que mostrará el contenido de la imagen en forma de texto cuando la imagen no se cargue.

7. Guardar cambios.

Guarde el archivo HTML en su sitio web. Visite la página que acaba de editar. Si ya abrió la página web, actualícela nuevamente. En este punto deberías ver la imagen agregada.