Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

What does this mean, Your p element should have a nested anchor (a ) element with the text cat photos . You may have deleted it or have a typo.?

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

<!-- User Editable Region -->

      <p>click here to See more<a href= "https://freecatphotoapp.com_blank"> cat photos </a>.</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/115.0.0.0 Safari/537.36

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

Link to the challenge:

2

First thing you need to fix is the text. Where did you get the text “click here”? That wasnt part of the text the challenge gave you

You also deleted the rest of the sentence. You need to reset to get the original text back.

Once that is fixed we can go from there

3

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.

4

How do i 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.?

5

So target is an attribute. You need to add the attribute to the element, and in this challenge the a is your element. _blank will be your value. So you can follow this

<element attribute=“value”>
6

Can you just solve this for me, 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.?

7

No, but you can show me what your code looks like

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

8

Can you just solve this for me, 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.?

 <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
9

I gave you an example, but it doesn’t loo like you tried anything yet. You can see how it is used here

10

Its not working

<p>See more: <a href="https://freecatphotoapp.com" targer="_blank"> cat photos</a> in our gallery.</p>
11

This is not right, Where did you get : from?

and this is not right. Misspelled target

1 Like
12

Passed, Thanks alot.

13

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