Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

what is the problem in p tag while using a tag in the p element

2

Click here to view more cat photos

link to cat pictures

you need to use anchor tag to turn the words to link with href attribute.

3

I am not identify it…
see whats wrong with it…

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

I’ve edited your code for readability. 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

Take a look at your preview pane right now and you will probably see this:

Click here to view more cat photos cat photos

But this is not the result you were asked for. They want this instead:

Click here to view more cat photos.

Notice the differences of which words are the links.
Also notice the period at the end is not a link.

Edit: also please don’t mark your topic as solved unless you have actually solved it. (otherwise we will not always bother to read to find out if you still need help since it appears as solved)

6

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