Learn HTML by Building a Cat Photo App - Step 64

Turn the existing freeCodeCamp.org text into a link by enclosing it in an anchor (a ) element. The href attribute should be set to https://www.freecodecamp.org .

No Copyright - freeCodeCamp.org

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

<!-- User Editable Region -->

      <p>No Copyright - freeCodeCamp.org</p>

<!-- User Editable Region -->

    </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/114.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 64

Link to the challenge:

You’ve restated the instructions for the step but it doesn’t appear you have made any changes to the HTML. Do you have a question about this step?

I initially put the anchor element around all the text:
mod edit: removed solution

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like

I understand your concerns about posting full working solutions to challenges on the forum. I agree that it is important to help other campers learn by themselves, and that providing them with a complete solution can take away from that experience.

However, I believe that there are also benefits to posting full working solutions. For example, it can help other campers see how a problem can be solved in a different way, or it can provide them with a starting point if they are struggling to come up with their own solution.

I would like to suggest a compromise. Instead of posting my full working solution, I would be happy to post a summary of my approach, along with some hints and suggestions. I would also be happy to answer any questions that the original poster has.

I believe that this would allow me to help the original poster without giving them a complete solution. It would also allow other campers to learn from my approach, even if they do not want to copy my code verbatim.

There is no compromise here because that’s basically what we already do. You can explain things with words, just don’t post full code solutions.

But as for this specific thread, the OP hasn’t changed anything in the HTML and hasn’t asked any questions, so we have no idea what their issue is, if they even have one. This could have been an accidental post. So I think it’s best not to jump to conclusions and assume we need to explain everything and instead wait until they tell us what they need help with.

I dont want to keep this discussion going as this is still an open topic for a user seeking help on their challenge, but just to offer my response

I see your point, but it should not be shown to them if they havent solved the challenge on their own. If we just gave solutions then they would just copy/paste and move on to the next step.

as bbsmooth said, there really is no compromise to be made. You are welcome to offer the OP steps to pass the challenge, give them hints, and point them in the right direction. Those step, hints, etc should not contain any code that the user can copy to pass the challenge. If it does then the code will be removed by the mods

I have already explained my approach to the challenge in the post. I have also stated that I will abide by not posting the full solution, as I believe that it is important for people to learn by themselves.

You seem to be more focused on arguing about the solution, rather than discussing what can encourage people to learn, interact, and respond to help the learning process. I think this is because you are fixation on the word “solution” in my original post seems to be a trigger as you believe that not posting a solution is the best way to help people. If you take a look at the JavaScript algorithm challenges the solutions are there! The more important question is are people learning when they see the solution and how it’s presented.

I have already explained my approach to the challenge in the post. I have also stated that I will abide by not posting the full solution, as I believe that it is important for people to learn by themselves.

You seem to be more focused on arguing about the solution, rather than discussing what can encourage people to learn, interact, and respond to help the learning process. I think this is because of the fixation on the word “solution” in my original post seems to be a trigger as you believe that not posting a solution is the best way to help people. If you take a look at the JavaScript algorithm challenges the solutions are there! The more important question is are people learning when they see the solution and how it’s presented.

as I said here

So this is where this discussion ends

Note for the OP: I have made a new topic for you so you dont have to worry about these other posts

1 Like

A post was split to a new topic: Learn HTML by Building a Cat Photo App - Step64