Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Its saying my target attribute should be blank to the anchor elements opening tag so that the link opens up a new tab.

<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/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

hi there, welcome to the forum.

I don’t see what you have tried?
You should add the target attribute to the anchor opening tag
(just like href is an attribute, target is an attribute)

And you should make target equal the “_blank”

3

Yes, you have to add the target attribute to the opening tag of the (anchor) element.

Your anchor element looks like this
<a href="https://www.link.com>link text</a>
it only has the href attribute.

What you need to do is add a target attribute and set its value to _blank, that means that the link will be opened in a blank tab (new tab)
<a href="https://www.link.com" target="_blank">link text</a>

Hope this helps, have a nice day
1 Like