Learn HTML by Building a Cat Photo App - Step 14

How do I add a target attribute with value _blank to the anchor (a) element’s opening tag, so that the link opens in a new tab.
Describe your issue in detail here.

See more cat photos in our gallery.

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36 Edg/111.0.1661.44

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

Link to the challenge:

You add a target attribute the same way you added the href attribute to the link, using the following pattern:

name="value"

Where name is the name of the attribute (target in this case) and value is the value you want to give the attribute (_blank in this case). You can add it either before or after the existing href attribute. Just be sure to put a space between them.

Also, do not change any of the existing HTML. I noticed you added spaces before and after the words cat photos in the link. These spaces should not be there. The will cause the tests to fail.

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