Cat Photo App - Step 14

HTML-CSS
1

This is my code…

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

our anchor (a ) element should have an opening tag. Opening tags have this syntax: <elementName> .

2

What part of the instructions specifically is confusing you?

Please post a link to the Step you are working on. Thanks

3

This is my code…


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

It says that my anchor element <a> should have an opening tag…

I think it does but I obviously have the syntax wrong.

5

Link?

Is this the Step?

What is your full code?

That one line is ok, so it is likely you have an error somewhere else in the code.

This is much easier if you use the Ask For Help button?

6

I’ve edited your post for readability. 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 (').

7

Thanks for showing me how to post my code. I’m basically a total newbie…

8

Yes that link is accurate. I’m on step 14…

9

Please provide your full code.

10

This is my full code…I will use the ask for help function in the future when I cannot find an answer searching the forum…

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

I’ve edited your post for readability. 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 (').

12

This line is different than the one you put in your first post. In this one, you change the img element by deleting the >

13

The error says that my anchor element (a) should have an opening tag.

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <target="_blank" href="https://freecatphotoapp.com">cat photos</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>
  </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/104.0.5112.81 Safari/537.36

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

Link to the challenge:

14

This is not a valid anchor element and you deleted the closing anchor tag. You should make zero changes to this line.

I don’t understand why you orphaned this attribute like this?

15

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