Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
what is a target?

  **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/105.0.0.0 Safari/537.36 Edg/105.0.1343.42

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

Link to the challenge:

2

target is the name of an attribute that you can define in the opening tag of an anchor element. It tells the browser whether you want the user to see the new page they just clicked for in a new tab or a new window or in the same window. (for eg. when I clicked on the link to the challenge in this post, it opened in a new tab. The browser knew that fCC wanted this behaviour because of the target they defined on that link)

And in the exercise they say:
Add a target attribute with the value _blank to the anchor (a ) element’s opening tag, so that the link opens in a new tab.

So just like ‘href’ is an attribute , target is also an attribute in the same way (target=“value”)

hope this helps,

3

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