Learn HTML by Building a Cat Photo App - Step 14

how to do? Step 14

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.

      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com" <target_blank> 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.">

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36 Edg/115.0.1901.183

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

Link to the challenge:


This is wrong. The correct way to do it, is like this example:
<a href="https://ww.somelink.com" target="valueOfTarget">Text</a>

Review the example and adjust your code.


Hello and welcome top the community :smiley:!
Attributes go in the opening tag of the element. target is an attribute and should go after your href attribute with a space to separate them. Give it the value of _blank by using an = sign.

<a href="" target=_blank>link</a>

This makes sure that when you click on the link you get directed to a new tab. Anything like that which is not visible on the page goes inside the elements opening tag and is called an attribute. Hope this helps.

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