Learn HTML by Building a Cat Photo App - Step 15

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 -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com"<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg."</a>

<!-- User Editable Region -->

    </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/109.0.0.0 Safari/537.36 Edg/109.0.1518.52

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

Link to the challenge:

hi, what is your question?

The code you posted has some angled brackets missing here and there.
You may want to review how html tags are written with < and >

Opening anchor tag should look like <a> and syntax for img tag is <img>.
You are missing > at both the places. Also remove the period . at the end of the link in src

href=“https://freecatphotoapp.com”> src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg.”> still stuck

<a> href="https://freecatphotoapp.com"><img> src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg."></a>

I’ve edited your code for readability. 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.

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

Remove the > here so that you have matching angled brackets in the correct spots.

Also remove the dot at the end of the URL

<a href="https://freecatphotoapp.com"><img> src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"></a>

I have edited it but still stuck

You’ve cut off the opening img tag too early.

<a href="https://freecatphotoapp.com"><img>src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"></a>

not yet responding

You still have this problem. The img tag uses the src attribute to determine what image to display on the page. You have removed the src attribute from the img tag because you ended it with a > before the src attribute.

Remember, a tag always begins with < and ends with >. Any attributes you want to add to the tag (such as the src attribute) need to go in between the < and the >.

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