Learn HTML by Building a Cat Photo App - Step 12

**Tell us what’s hapSee more<a href=>“cat photos” in our gallery.
<a href=“https://freecatphotoapp.com
I have been trying but its not working,what am i doing wrong?
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

     See more<a href=>"cat photos"</a> in our gallery.
      <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/109.0.0.0 Safari/537.36

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

Link to the challenge:

Hi there and welcome to our community!

I hope this example will illustrate how to turn a portion of text into a link. You simply enclose the required text within an anchor element, with the appropriate href attribute in the opening anchor tag.

EXAMPLE:

<!-- text without a link -->
<p>Please visit my website for awesome content</p>

<!-- 'my website' turned into a link -->
<p>Please visit <a href="example.com">my website</a> for awesome content</p>

I’d suggest you reset this step and try again, as your code has become a little tangled.

3 Likes

Welcome to the community!
@igorgetmeabrain has provided an excellent example of how the two required words should be nested within the anchor element opening and closing element. If one looks at the example provided, they will see that the original statement is left as a statement, only adding the necessary anchors to create the link.

Happy coding!

1 Like

i am still stuck,i tried everthing p>See more <a href= >“cat photos” in our gallery.

can you show us all the code

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 (').

This is not valid code. Have you looked at the example which I gave you?

  1. You should have a p element with the text ‘See more cat photos in our gallery’.
  2. You should put an anchor element around the words ‘cat photos’.
  3. You should add a valid href attribute to the opening anchor tag with the url given in the challenge description.
  4. None of the text within the p or anchor elements should have quotation marks.
1 Like

Mod edit: removed solution

@mindfulpioneer

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.

2 Likes

I appreciate the feedback, is there any suggestions on how I could better explain the code without sharing too much??

1 Like

You are more than welcome to give hints, point them in the right direction, link articles that help and some users even post code examples. However, those examples should not be anything that the user asking the question can copy and paste into their challenge to pass. If we just give the answers, then they arent really learning and its going to come back and be more harm than good for them

You can also take a look around the forum, and get a feel of how other users respond to questions. We are always encouraging anyone to help out and respond to questions. We just want those who ask the questions for help to be the ones who come up with the code to pass the challenge.

3 Likes

Indeed I appreciate the informed response and I will do better when it comes to helping next time. Apologies for the mistake.

2 Likes

У меня возникла та же ошибка, что и у автора этого поста. Я почитал ее решения среди ответов, переписал свой код в точности, но его все равно считают за ошибку. Можете помочь с этой проблемой?
mod edit: removed

you didn’t close the tag please close it with >

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