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

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí. Poco a poco me voy a cercando a resolver, aunque casi a ciegas, ahora estoy aquí atascada…

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 <a cat photos</a> in our gallery.</p>
      <a href="https://freecatphotoapp.com
      ">link to cat pictures</a> </p>

<!-- 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/116.0.0.0 Safari/537.36

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

Enlaza al desafío:

Te recomiendo resetear tu código y empezar nuevamente

puedes usar el codigo de ejemplo para ayudarte

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

el ejemplo tiene un enlace con el texto freeCodeCamp y su atributo href tiene el valor https://www.freecodecamp.org

ten cuidado con el texto del elemento p y el elemento a

Ahora hazlo con los valores del reto

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

usando el elemento p que ya está, convierte las palabras cat photos en un enlace

Al final tu página se tiene que ver así
image

Es normal confundirse con las instrucciones.

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.
Gracias poquito a poquito supongo que me aproximo a la resolución…ahora me encuentro con esto otro…
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 <a cat photos</a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a> </p>

<!-- 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/116.0.0.0 Safari/537.36

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

Enlaza al desafío:

puedes usar el codigo de ejemplo para ayudarte

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

el ejemplo tiene un enlace con el texto freeCodeCamp y su atributo href tiene el valor https://www.freecodecamp.org

ten cuidado con el texto del elemento p y el elemento a

Ahora hazlo con los valores del reto

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

usando el elemento p que ya está, convierte las palabras cat photos en un enlace

Al final tu página se tiene que ver así
image