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

Español HTML-CSS
1

Tell us what’s happening:

Describe tu problema en detalle aquí.
Nose transformar una imagen en link, nose donde van los comandos

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Your browser information:

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

Challenge Information:

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

2

Bienvenido al foro @molvotar

Colocaste la etiqueta de anclaje de apertura dentro del elemento de imagen.

Colóquelo antes del elemento de imagen. Asegúrate de cerrarlo con un soporte angular.

Luego coloque una etiqueta de anclaje de cierre después del elemento de imagen.

Feliz codificación

1 Like
3

En el paso anterior convertiste un texto normal a un enlace
de esto:

<p>See more cat photos in our gallery.</p>

a esto:

<p>See more <a ...>cat photos</a> in our gallery.</p>

cat photos se convirtió en un enlace, lo hiciste anidándolo entre las etiquetas <a> </a>
todo lo que esté entre las etiquetas anchor será un enlace.

<h1>titulo</h1>
<a ...><h1>titulo</h1></a>

<p>parrafo</p>
<a ...><p>parrafo</p></a>

lo mismo es con las imágenes, y cualquier otro elemento, pero tienes que respetar la sintaxis de cada elemento.

en tu codigo:

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

No estás respetando la sintaxis de los elementos img y anchor.
Te recomiendo resetear el código.
y puedes usar el enlace de cat photos como ejemplo, pero recuerda, aunque este combinando elementos tienes que respetar la sintaxis de cada uno