Learn HTML by Building a Cat Photo App - Step 64

HTML-CSS
1

Tell us what’s happening:

I cant figure out what im doing wrong. can someone explain?

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" 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 <a href="https://www.freecodecamp.org"<p> </a>
     

<!-- 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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 64

2

image
image993×338 16.2 KB

1 Like
3

This isn’t a valid HTML element and it isn’t where the instructions want it to be.

Can you say more about how you are stuck and what you have tried to fix it? Its better to use your own words than adding screenshots without comment.

1 Like
4

im adding an achor tag but im still not getting it. im lost. All the other anchor tags ive used took its saying theres some kind of typo even though I copied and pasted

5

can you explain what typo im making? so frustrating.

6

You have an example you wrote here. How is it different from what you wrote for this step?

1 Like
7

sorry this isnt very helpful. thanks anyway.

8

I can’t write the answer for you.

It’s pretty important for you to be able to compare good examples of code to something you are trying to fix. That’s a core programmer skill, so I really recommend you try.

There are 3 important differences between what you wrote before and what you have for this step. I’d specifically look around the words ‘cat photos’ and see how that compares to what you tried to turn into a link on this step.

9

i passed i guess but i need the target attribute too? how come it didnt say i needed that?

10

It is not asking for a target attribute.

Let’s put them together so you can more easily compare them.

<p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
<p>No Copyright - freeCodeCamp.org <a href="https://www.freecodecamp.org"<p> </a>

  1. In the second one. Look at the a and p elements, make sure their syntax is correct and they are closed correctly. As they are in the first one.

  2. freeCodeCamp.org is supposed to be the link text, just as cat photos is in the first one.

3 Likes
11

I cant believe I was stuck on this. Now i get it. God help me if I make i through this. Thanks!

2 Likes
12

You will, it’s just hard in the beginning because everything is new, and your brain doesn’t really know how to pattern match for the syntax yet. It is like learning a new language.

It gets much better with time. But errors, typos and general silliness won’t go away. You can spend half an hour looking at something walk away for 30 seconds and spot the issue instantly when you come back. Sometimes, our brain just doesn’t play nice.

1 Like
13

i create this code

% Daily Value *

Total Fat

Saturated Fat 1g 5%

8g 10%

but still appear this error Sorry, your code does not pass. Try again.
  1. You should create a new p element below your element with the Total Fat text.
    what should i do please fix me it
14

Hi and welcome to the forum!
If you have any questions regarding any code. Create a new topic under the HTML/CSS section.
Thanks and goodluck!

1 Like
15

thank u veryy much i’am so grateful for being among you ,in fact i resolved that problem and i wish you will resolve for me what i can find as a problem when coding

1 Like
16

your very welcome,

and what problem might that be.

1 Like