Tell us what’s happening:
Describe your issue in detail here.
Im trying to add a anchor element after the paragraph for this link https://freecatphotoapp.com.
**Your code so f
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<!-- User Editable Region -->
<p> See more cat photos in our gallery.</p>
<a> href= 'https://freecatphotoapp.com.></a>
<!-- User Editable Region -->
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</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/108.0.0.0 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 10
Link to the challenge:
You have a couple of issue here
-
This needs to be inside of the opening anchor tag, so before the >
-
You need to have matching quotation marks
1 Like
So should it look like this <a href='https://freecatphotoapp.com'></a>
That works for me. Did it work for you?
No It’s saying your anchor (a) element should have a opening tag
https://freecatphotoapp.com.
That is even less code. I want to see absolutely all of the code in your editor right now.
I’ve edited your code 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
<a href='https://freecatphotoapp.com.></a>
I’ve edited your code 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
Ok. Its very bad that this is the only line of code left. The instructions did not tell you to delete absolutely all of the code you were given and replace it with a single line.
over top of that line I have
<p> See more cat photos in our gallery. </p>
I’ve edited your code 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
Please format your code.
Please post absolutely EVERY SINGLE LINE OF CODE from your editor.
I want something like this:
You can link to another page with the anchor (a) element. For example, <a href='https://freecodecamp.org'></a> would link to freecodecamp.org.
Add an anchor element after the paragraph that links to https://freecatphotoapp.com. At this point, the link won’t show up in the preview.
I know what the instructions say. Do you know what this sentence means:
Do you know what your code is? Your code is all the stuff the instructions have been asking you to type.
Do you know what ‘EVERY SINGLE LINE’ means? I want everything from all the lines labeled 1 to 12.
I can’t help you if you don’t actually post all of your code.
I suspect that you made some change to another part of the code that you were not supposed to make, but I cannot verify that if you cannot show me your code.
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p> See more cat photos in our gallery.</p>
<a href='https:freecatphotoapp.com'></a>
that’s all i have I’m on line 9
You should not have deleted lines 10-12. Make sure you did not delete those lines.
This is the wrong URL. The URL needs to perfectly match what you were told to use.
You had it correct here:
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main>
</body>
</html>
I’ve edited your code 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.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
