Merged post - Build a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>

<!-- User Editable Region -->

      <p> See more <a href="https://freecatphotoapp.com" >cat photos< </a> in our gallery.</p>

<!-- 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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/28.0 Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 15

2

Hi. You need to add the target attribute as instructed.

3

Step 15

To open links in a new tab, you can use the target attribute on the anchor (a) element.

The target attribute specifies where to open the linked document. target="_blank" opens the linked document in a new tab or window.

Here is the basic syntax for an a element with a target attribute:

How do i do this?

4

can you please share a link to the step and your attempt?

5

I have deleted my attempts i dont understand what the ‘target’ and (a) values in the step actually mean.

6 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery </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>
7

This is as far as i can get… help?

8

can you sahre a link to the step please?

I’ve edited your post to improve the readability of the code. 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 (').

9 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <p> See more <a href=target="blank" </a> "https://freecatphotoapp.com">cat photos</a> in our gallery </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>
10

I dont under stand it was going we till step 9 or 15 now i dont know anything

11

are you having trouble finding the link to the step? it is the one in the browser navigation bar

12

I think i may have to start the course again i honestly dont know what youre talking about.

13

If you go back into FCC curriculum on the email you were using it FCC may have saved your progress. You can then pick back up on the step you were on.

14

are you using the browser to go through the curriculum? all browsers show the url of the page you are on

when you are on the page of the step, please copy the url, and share it here

alternatively

Click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622×306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

15
16

Hi. Please don’t create duplicate topics for the same challenge step. I haver merged your two topics into one.

17

Im on a tablet with a pen i dont know how to copy and paste or share a link

18

do you mean you are using the app? then please use the ? button to create a topic on the forum, it will include all the necessary infos

but it looks like you posted the url of the step correctly, what to do you mean that you can’t?

you have made some changes to the syntax here, now it is not correct

you need to add a target attribute but after the href attribute not inside it

19


You can use this

20

hi @ritpal365

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.