Aprende HTML construyendo una aplicación de fotos de gatos - Paso 22

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

Tu código hasta el momento

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>

<!-- User Editable Region -->

        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li> 
         </ul> <img src=https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg>
         <alt> A slice of lasagna on a plate</alt>
        

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Desafío: Aprende HTML construyendo una aplicación de fotos de gatos - Paso 22

Enlaza al desafío:

Buenas, recuerda que cuando publicas un problema, lo tienes que explicar para que nosotros lo entendamos y podamos ayudarte.

Ahora, viendo tú problema, veo que no acabas de entender los conceptos de las lecciones 7,8,9. Lo mejor es que le des una vuelta de mas

<img>

src

alt

Cualquier duda que tenga, vuelve a comentar y te ayudare

Saludos

La sintaxis del elemento img es incorrecta
El mismo código tiene un ejemplo de una imagen, básate en el ejemplo para añadir tu código

recuerda alt es un atributo, pero lo agregaste como un elemento y el en lace de la imagen tambien tiene errores

ejemplo que dan, (ignora el elmento anchor a)

<a href="https://freecatphotoapp.com">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</a>

Como un consejo extra.
La forma en como agregaste el texto, es incorrecta, ya que añadiste un espacio antes, y en las pruebas te marcara error si le agregas espacios extras a los textos que te dan
(aparte que alt no es un objeto)

<alt> A slice of lasagna on a plate</alt>

por ejemplo (con p, que si es un objeto)
si te piden que agreges un objeto p con el texto soy un texto

esto marcariá error:
<p> soy un texto</p>

Esto es lo correcto:
<p>soy un texto</p>

agregar espacios extra afectará las pruebas

1 Like