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

Español HTML-CSS
1

no puedo enlazar unainstruccion (p) con una (a)

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 href="https://freecatphotoapp.com></a>cat photos in our gallery</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/111.0.0.0 Safari/537.36 Edg/111.0.1661.51

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

Enlaza al desafío:

1 Like
2

Hola @chaplin8011602 y bienvenido

Cualquier elemento, incluso un img, rodeado por las etiquetas de apertura y cierre de un elemento a se convierte en un enlace. Ahora mismo no tienes ningún contenido en tu elemento a, además la sintaxis no es correcta.

Recuerda también que el elemento anclaje (a) es un elemento en línea, es decir que es como si añadieses una palabra o una letra en el párrafo; por tanto, tienes que seguir las mismas convecciones de escritura.

Por ejemplo:

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

La palabra see se convierte en una enlace después de que el navegador la analiza, pero aparecerá pegada a la palabra more porque no hay espacio entre la etiqueta de cierre y esta palabra.

Espero que te sirva de ayuda.

Saludos, disfruta programando :smile:

3

Gracias por el apoyo!!

1 Like
4

No hay de qué.

¿Has podido resolver el desafío Charles? :grimacing:

Saludos