Learn HTML by Building a Cat Photo App - Step 13

HTML-CSS
1

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

  **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="https://freecatphotoapp.com">cat photos</a>.</p>
    <a _blank href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange lying on its back."> 
    <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/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

lets decipher it

href is the name of attribute
https://freecatphotoapp.com is the value of href attribute.

Look at the above, then look at your task, and you’ll figure it out.

3

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

  **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="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/103.0.0.0 Safari/537.36

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

Link to the challenge:

4

In the anchor tag (a tag), add a target attribute with a value of _blank. That is target = "_blank" so that the link opens in a new tab when clicked.

5

can you just write the whole things down please!!!

6

You have the link tag as such,

<a href="link.com" target="_blank">some link</a>

That is how you should’ve added the target attribute to the anchor tag that was provided to you.

7

thank you this helped please are there going to be video calls

8

You are welcome. What video calls?

9

Like video classes for this thing?

10

Reply now!!! Sorry

11

FreeCodeCamp has an awesome YouTube channel with video content covering many parts of their curriculum. Check out this link to see the tutorial Learn HTML5 and CSS3 From Scratch - Full Course - YouTube

12

Thank you so much :heart: :heart:

13

Please do not demand instant replies. That is very rude.

2 Likes
14

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

  **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="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/103.0.0.0 Safari/537.36

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

Link to the challenge:

15

I already said sorry!!! well i applologise

16

Please,i am still having problem with 13

1 Like
17

same i also have problem with step 13

18

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