Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

I have come to a roadblock on step 12 on HTML. It stating the href attribute should be in already existing text and format and my code wont pass as result

Your code so far

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

<!-- User Editable Region -->

      <p>See more <a'cat photos'</a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</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/119.0.0.0 Safari/537.36 Edg/119.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Welcome to the FCC Forum @Ashley2024 !

Use the second quoted link as a reference on how to code the anchor tags.

I hope this helps you!

3 Likes

A link works like this.
it has a opening and closing a tag:

<a></a>

Inside the opening tag goes the attributes things that affect the link but do not appear on the webpage.
Every link should have a href attribute with a value containing the web address that you want the link to lead to:
Ex:

<elementName attribute="value"></elementName>

In between the a opening and closing tags goes the content you want appearing on the page as a link which in this case is the text cat photos.
Ex:

<a href="links.com">this is a link</a>

Appears like this on the webpage:
this is a link

Hello and welcome to the community :smiley:!
And when clicked on it should send you to ‘link. com’.
Now make sure that you only have a set of a tags with an href attribute containing the address https://freecatphotoapp.com and the text ‘cat photos’ between them as a link.
PS: you’ve got a lovley name @Ashley2024

1 Like

Im still lost at setting the href attribute to what is seems it is already set on line 8

That’s a seperate link:

See more cat photos in our gallery..

link to cat pictures

You can use that as a reference for how to link the text ‘cat photos’.

1 Like

still lost, can you tell me what the answer is and explain how you got it, Please

Sure thing!
Don’t touch this link from the previous step:

Above it you have a paragraph

First of all make sure to close your opening tag like you did in the second link.
The text ‘cat photos’ should go in between the opening and closing tags without any quotation marks.


<a>Text here</a>

Now inside your <a> opening tag add a href attribute with a value containing the address:

Ex:

<a href="address of link">

Ex:

<p>This is a paragraph with a <a href="">Link</a> inside</p>

Would look like this on the page:

This is a paragraph with a Link inside

. Tell me how goes...
1 Like

Sorry that I cant provide you with a direct answer.
Those are the Free Code Camp rules so that users can have the change to figure it out themself and really understand what there doing!

1 Like

this is not really helping me, i was fully onboard all the way up until step 12

maybe its an error on free code camp

Its better if you actually show your code instead of saying “this doesnt work” theres probably an issue somewhere but we cant look through the computer to see your screen

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

1 Like

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