Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

1 Like
2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Welcome to the Forum. :partying_face:

Here this step is telling you to put a target attribute with its value of _blank.

When you do so then when you click on your link then you will get redirect on another page.

Hope this will help you. :innocent:

1 Like
4

Hi @flofolar …
Welcome to the community… :heart: :heart:

You should add the target attribute with the value _blank to your <a> tag.

2 Likes
5

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

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

<!-- User Editable Region -->

 <p> See more <a <a> _blank </a> ref="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/119.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

See more <a _blank ref="https://freecatphotoapp.com">cat photos in our gallery.

I seem to be missing something or i’m not just reading the instruction on step 14 quite well…

1 Like
6

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

1 Like
7

See more <a _blank ref="https://freecatphotoapp.com">cat photos in our gallery.

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.

I still don’t get it right.

2 Likes
8

Buddy you give good trial but kindly change a little. :partying_face:

First put your anchor tag in a right way like
<p>This is a amazing world called<a href="link address">Coding World</a></p>

See here how I put anchor tag between our p tag.

Now second thing, this step is telling you to put an target attribute with its value of __blank.

<a href="link address" target="value">Amazing world</a>

Actually we do it because when we do so then when we click on our link then we will be able to get redirect on another tab.

Hope you understand. :innocent:

3 Likes
9

Like how @be_happy said, You should add target attribute with the value _blank to your <a> tag, just like how you added alt attribute to your <img> tag.

3 Likes
10

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