Regarding step 12

Tell us what’s happening:
Describe your issue in detail here.
how do i do step 12?

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more<a href="cat photoes".></p>
     </a>
    <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/102.0.5005.62 Safari/537.36

Challenge: Step 12

Link to the challenge:

The purpose of this step is to make that phrase a link to more content of the page so:
-href attribute needs the “https://freecatphotoapp.com” link (they gave it to you in the previous steps)
-The “p” and “a” closing tags are in the incorrect order (remember the “a” element should be nested in the “p” element)
-Once you correct the href element, the closing tags and nested the phrase in “a” element if you still received an error, its probably the period in cat photos, i solved that problem by putting “.” between the “a” and “p” closing tags

Hey @meks,

<a href="You need to put a URL here"> Some text here. (This text will be underlined by the browser to let the user undestand that this is a clickable text.) </a>

 <a> --> is  the opening tag.

 </a> --> is the closing tag.

 <a> Content here. </a> --> HTML elements generally consist of one opening and one closing tags. 

Content here  --> This is the text that you want to display on the screen.

 <a href =" "> --> href is the attribute that helps you to add a web address that you want the user to be directed to when clicked on clickable text in your page.

This is the syntax(writing rule) of an attribute. --> attribute name = " "
Attribute name is href in your case.

<a href="cat photoes".></a>   --> This is your code.

1- Put the specified URL between the double quotes.
2- Delete the dot(.) because it's against the syntax of HTML.
3 - Wrap your anchor element with paragraph element.


1 Like

Click here to view more cat photos.

  <a href="https://freecatphotoapp.com">cat photos</a>

this is how it looks now, how do i chage it?

1 Like

Good, now you have to nest it in “p” element, almost like you had it before but with the “a” element now corrected

like this?

Click here to view more <a href="cat photos".

You replace that part (<a href=“cat photos”.) with the code you wrote above the comments

i got it

Click here to view more Cat photos.

thanks

2 Likes