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

Español HTML-CSS
1

Tell us what’s happening:

no entiendo que tengo que hacer en este problema de html para la web

Your code so far

<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>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

            <label for="Loving">Loving</label><input id="loving" type="checkbox"> Loving

<!-- User Editable Region -->

          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </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/124.0.0.0 Safari/537.36

Challenge Information:

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

2

Hola y bienvenido/a al foro!

Por lo visto, la consigna del ejercicio estaría traducida por la mitad. La segunda parte de la consigna indica que:

Debes asociar el texto Loving con el elemento checkbox. Para ello debes colocar solamente el texto Loving en el interior de un nuevo elemento label, y dándole a dicho elemento (el label) el correcto atributo for para que este asociado con el elemento de input.

Para realizar esta asociación, el valor del atributo for en el elemento label, debe de coincidir perfectamente (sin diferencia de mayúsculas ni otros caracteres) con el valor del atributo id en el elemento input. De esta manera se podría decir que ambos elementos estarían conectados entre sí.

Espero a ver sido de ayuda, cualquier cosa nos comentas como te fue.

Saludos!

3

No había llegado a ver tu código disculpa, veo también que tienes la palabra Loving escrita dos veces.

Recorda que el ejercicio te pide que coloques el texto dentro del elemento label, por lo que la segunda palabra Loving que quedo fuera tendría que ser borrada.

4

muchas gracias por su ayuda