Regarding step 12

HTML-CSS
1

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:

2

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

3

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
4

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
5

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

6

like this?

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

7

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

8

i got it

Click here to view more Cat photos.

thanks

2 Likes
9

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