Tecnología

Inicio

Cómo agregar imágenes en HTML

Imágenes proporcionan interés a una página Web. También son útiles para romper texto. Una imagen no se almacena directamente en la página Web. En su lugar, se almacena en un directorio de su servidor Web. También puede colocar imágenes que se almacenan en otro servidor web en su página web. La etiqueta HTML "img" se utiliza para indicar al navegador dónde encontrar la imagen que desea en su página. El atributo "alt" se utiliza para describir la imagen. Los atributos y "ancho", "altura" se utilizan para dar formato a la imagen para que entre en su página.

Instrucciones

1 Subir las fotos que desee añadir a la página web en el servidor Web o localizar las direcciones web (URL) de las imágenes.

2 Abra el documento HTML que desea agregar la imagen en cualquier editor de texto, como el Bloc de notas de Windows.

3 Coloca el cursor en la posición en el documento HTML en el que desea añadir una imagen.

4 Escriba la línea "<img alt =" description_text "width =" 300 "height =" 300 "/> para añadir la imagen. Sustituir" address.jpg "con la dirección URL de la imagen. Si la imagen se almacena en el servidor Web , la URL será similar a "images / picture.jpg." Si la imagen se almacena en otro sitio web, la URL será similar a "http://website.com/images/picture.jpg." el "alt" atributo se utiliza para describir la imagen si no se carga por cualquier razón. el atributo "anchura" describe la anchura de la imagen en píxeles. el atributo "altura" describe la altura de la imagen en píxeles.

5 Guarde y cierre el documento de texto.

6 Abra el archivo HTML en cualquier navegador Web para ver la imagen.