En este espacio vemos cómo insertar una imagen en nuestra página web.
¿Recuerdan al inicio del curso, en la lección dedicada a la organización del sitio, cuando les recomendaba insertar en la carpeta principal del sitio una carpeta llamada imágenes? ¡Bien, ahora les servirá! Lo primero que hay que hacer es elegir la imagen que vamos a insertar en nuestra página y, una vez elegida, copiarla y pegarla en la carpeta imágenes del sitio. Elijan cualquiera. Ahora veamos el sistema para insertar esta imagen, o su imagen, usando Html:
<img src="immagini/stones.gif">
Ahora vamos a comentar. La etiqueta img significa, precisamente, imagen y se escribe de forma abreviada. Junto con src que quiere decir source o fuente indica al navegador dónde se encuentra la imagen.
El comando sigue con la ruta que hará que el navegador busque, encuentre y muestre la imagen stones.gif . La etiqueta img no necesita etiqueta de cierre. Analicemos con cuidado la ruta: «imágenes/stones.gif» Imágenes es la carpeta de imágenes creada anteriormente, que contiene la imagen a mostrar.
La barra inclinada / sirve precisamente para indicar que es una ruta. Por último está la imagen que se debe mostrar stones.gif. Cuando estudiemos las lecciones dedicadas a los enlaces, veremos cómo cargar una imagen directamente desde la web, sin insertarla en ninguna carpeta del sitio.
Pubblicato in HTML & CSS
Sé el primero en comentar