Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Hi guys, I’m stuck in the 56 step, I’m not sure how label works and I’m not what I am doing wrong.

Loving

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>

      <img 
      href="https://freecatphotoapp.com"
      src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 
      alt="A cute orange cat lying on its back.">
      <a>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 OPR/91.0.4516.36 (Edition std-1)

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

Link to the challenge:

2

this step says:

Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.

Did you have a question about how to do this?
(p.s. you posted step 15 link)

3

My bad, I didn’t put the right question, the question is:

There’s another way to associate an input element’s text with the element itself. You can nest the text within a label element and add a for attribute with the same value as the input element’s id attribute.

Associate the text Loving with the checkbox by only nesting the text Loving in a label element and place it to the right side of the checkbox input element.

and this is my code so far: <.input id=“loving” type=“checkbox”><.label for=“loving”>Loving

4

Please read this to make sure your code is formatted correctly.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

I’ll do it, thanks so much

6

what is the hint you are seeing?
(right now it seems that you may be missing a closing tag for label?)

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.