Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
need help with the code
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>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- 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

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

Link to the challenge:

2

Hi @ar_rana Just delete the anchor element below the p element. and remove the space between the anchor element and the text “cat photos”

1 Like
3

Add a blank space after the text “See more”, and delete the blank space before the “cat photos”.

1 Like
4

how is target attribute with _blank is added to the opening tab of the anchor?

5

Each attribute should be found in the opening anchor tag:

<a href="url" attribute="value"></a>

‘target’ is an attribute,
“_blank” is a value.