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

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

Tu código hasta el momento

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>see more cat photos in our gallery. <a href="https://freecatphotoapp.com">cat photos</a> </p> 
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </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/114.0.0.0 Safari/537.36

Challenge: Aprende HTML construyendo una aplicación de fotos de gatos - Paso 12

Enlaza al desafío:

1 Like

Hola Isaac. Y bienvenido al foro.

El ejercicio dice:

En el texto del elemento p , convierte las palabras cat photos en un enlace a https://freecatphotoapp.com añadiendo etiquetas anchor (a ) de apertura y cierre alrededor de dichas palabras.

Y tú lo que has hecho, es agregar un enlace al texto en vez de anidar sólo esas dos palabras. Con lo que tu frase queda de la siguiente forma:

see more cat photos in our gallery. cat photos

Debería quedar como en el siguiente ejemplo:

Tienes esta frase:

Tenemos más helados en la tienda.

Convierte las palabras más helados en un enlace a https://freecatphotoapp.com añadiendo etiquetas anchor (a ) de apertura y cierre alrededor de dichas palabras.

Te quedara una frase así:

Tenemos más helados en la tienda

con lo que el código que tendrías que escribir sería:

Tenemos <a href="https://freecatphotoapp.com">más helados</a> en la tienda

Revisa el ejemplo y haz los ajustes en tu código.

Un saludo.

2 Likes

que excelente explicación, un saludo.