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.html
Resultado
index.html
index.css
Estado del Sitio Web
Tutorial en Video
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 5
Imágenes
Desliza para mostrar el menú
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.html
Resultado
index.html
index.css
Estado del Sitio Web
Tutorial en Video
¡Gracias por tus comentarios!