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

Español HTML-CSS
1

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

Tu código hasta el momento

<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 -->

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

<!-- User Editable Region -->

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

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

Enlaza al desafío:

2

Hola y bienvenido.

Consejo: para una nueva publicación, puedes describir el problema. Si nos dices cuál es tu problema, podemos ayudarte más fácil. Si es posible, sería bueno que nos dijeras qué tipo de error te da este paso. De este modo, puedes aprender un poco cómo funcionan las cosas. ¡Es mejor para todos!
Tenlo en cuenta.

El fallo está en que has añadido cosas de más y luego hay cosas que no son correctas.

Te cuento:
1.- en el primer input, no tienes que añadir el atributo for y su valor.
2.- el atributo for y su valor, deben ir en la etiqueta label
3. - el texto Loving debe ir dentro de la etiqueta label
4.- el segundo input que has puesto, sobra. quítalo.

Resumiendo: el código tendría que quedarte como el siguiente ejemplo:
<input id="idInput" type="tipoDeInput"><label for="valorDelFor">Texto</label>

Revisa el ejemplo y ajusta tu código.
Espero haberme explicado bien. Si no lo entiendes, vuelve a preguntar.

Un saludo.

3

disculpa pero acabo de copiar su código y no entiendo por que o me deja
lo deja pasar el codigo

4

Hola.

El código que te he puesto es un ejemplo, eh! si lo copias tal cual, no va a pasar.

Como queda tu código ahora? Lo puedes pegar aquí para verlo?

Saludos.

5

estoy buscando pero todavia no entiendo coo compartir m codigo

6

Hola.

Para compartir tu código, puedes pulsar el botón ayuda en cada desafío. Este botón sólo es visible si tratas de enviar la solución tres veces.

Otra forma de poner el código aquí, es usando el botón </> de los botones que salen al escribir el mensaje y pegas tu código.

Espero que te salga. Si no, vuelve a preguntar.

Saludos.

1 Like
7

pude solucionarlo pero e agradesco de tu ayuda y tus consejos