Contenido del Curso
Fundamentos del Desarrollo Web con IA
Fundamentos del Desarrollo Web con IA
Imágenes
Objetivo
Agreguemos algunas imágenes al sitio web para hacerlo más atractivo para los usuarios. ¿Cómo podemos hacer esto? Podemos encontrar imágenes en fuentes como Unsplash. Allí, podemos buscar el tema deseado, seleccionar la imagen, copiar su dirección y usarla en el sitio web.
Pasos
1. Busca el tema deseado
Visitemos https://unsplash.com/. Siéntete libre de escribir cualquier tema que te interese aquí.
2. Selecciona la imagen
Encuentra la imagen que más te guste y haz clic en ella.
3. Copiar dirección de la imagen
Para copiar la dirección de la imagen, haz clic derecho sobre la imagen y selecciona "Copiar dirección de la imagen" en el menú contextual.
4. Uso de la imagen
Podemos pegar la dirección copiada en el atributo src
de la imagen para añadir la imagen seleccionada a nuestro sitio web. También debemos especificar el ancho de la imagen para asegurarnos de que se ajuste bien al sitio web. Además, podemos proporcionar contenido descriptivo para el atributo alt
o usar el título del artículo para el alt
de la imagen.
Ejemplo:
index
index
index
Resultado
index
index
index
Estado del Sitio Web
Tutorial en Video
¡Gracias por tus comentarios!