Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

i don’t know what to do

Your code so far

Click here to view more<a href="https://freecatphotoapp.com"cat photos.

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more<a href="https://freecatphotoapp.com"cat photos.</a></p>
      
      <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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2 
  <p>Click here to view more<a href="https://freecatphotoapp.com"cat photos.</a></p>
3

Look at your opening tag for anchor. Does it have the correct syntax? (All html tags must be enclosed in < angled brackets > )

Another thing to make sure you correct is not putting the period (dot) inside the anchor text. Rather it should be on the right of the closing anchor tag.

4

i don’t know how to do this step

    <p>Click here to view more</p>
  <a href="https://freecatphotoapp.com">cat photos</a>

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
           <p>Click here to view more</p>
  <a href="https://freecatphotoapp.com">cat photos</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/106.0.0.0 Safari/537.36

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

Link to the challenge:

5

“Click here to view more (here goes an opening ‘a’ tag with href=“url”) cat photos (here goes a closing ‘a’ tag” . The text and ‘a’ element are wrapped with the opening and closing ‘p’ element.

6 
<p>Click here to view more<a href="https://freecatphotoapp.com"cat photos.</a> </p>

doesn’t work

7

After the href=“url” you forgot the closing angle bracket. Plus, the dot at the end of the sentence goes between the closing ‘a’ and ‘p’ tags.

8 
<p>Click here to view more<a href="https://freecatphotoapp.com">cat photos</a>.</p>
9

Make a blank space after the word “more”. For the moment your sentence looks like:
“Click here to view morecat photos”.

10

Please do not create duplicate topics. I have merged your duplicates.

11

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