Learn HTML by Building a Cat Photo App - Step 69

HTML-CSS
1

Tell us what’s happening:

j’ai essayé mais sans succès c’est pour cela, je m’avance au près de vous pour éclairer ma lanterne merci d’avance

Your code so far


<!-- User Editable Region -->

<html>

<!-- User Editable Region -->

  <head>
    <title>CatPhotoApp</title>
  </head>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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" checked> 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>
            <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
    <footer>
      <p>
        No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
      </p>
    </footer>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 69

2

Bonjour et bienvenue sur le forum communautaire @Dona !

Vous faites du bien !

Si nous regardons l’élément d’entrée et utilisons notre propriété id et sa valeur comme référence, nous voyons que la propriété est définie avant un = pour lui attribuer la “valeur”.

Exemple:
id = "code"

Dans cette étape, notre html est déjà fourni, il suffit d’ajouter la valeur de ‘en’ comme indiqué.

J’espère que cela vous aidera. Nous vous souhaitons de bons progrès dans votre parcours de codage.:slightly_smiling_face:

Hello and welcome to the community forum @Dona!

You are doing good!

If we look at the input element and use our id property and its value as an reference, we see that the property is set before an = to assign the “value” to it.

Example:

id = 'code'

In this step our html is already provided we only need to add the value of ‘en’ as instructed. I hope this helps you.

Wishing you good progress on your coding journey. :slightly_smiling_face:

3

Merci, pour votre réponse

1 Like
4

Vous êtes les bienvenus ! :slightly_smiling_face:

Cela vous a-t-il aidé à passer à autre chose, Dona?

C’est ce que j’espère ! Si ce n’est pas le cas, veuillez poster le message d’erreur ici, ou si vous avez besoin de plus d’aide, veuillez utiliser ce message?

Nous vous souhaitons de bons progrès dans votre parcours de codage.

Did it help you move on, @Dona?

That is my hope! If not, please post the error message here, or if you need more help, please use this post?

Wishing you good progress on your coding journey.

5

Si, j’ai pu trouver et là maintenant je suis passer en css et le step 11 et un peu compliquer. voilà

6

Traduit avec Google Translate.

Félicitations pour aller de l’avant! Si vous avez d’autres questions à l’avenir, n’hésitez pas à publier à l’aide de l’aide qui apparaît après quelques tentatives infructueuses?

Cela nous permet de publier le code complet, ainsi que nos questions et messages d’erreur.

Je vous souhaite de bons progrès dans votre parcours de codage. :slightly_smiling_face:

English Original

Translated using Google Translate.

Congratulations on moving forward!

If you have any further questions in the future, do not hesitate to publish using

**Help**

which appears after a few unsuccessful attempts?

This allows us to publish the full code, as well as, our questions and error messages.

I wish you good progress in your coding journey. :slightly_smiling_face: