Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Hello all, i tried looking at the previous posts to this code but i am still stuck.
i put <a href=“https://freecatphotoapp.com” at the end as you can see but when i go to close it with its says something along the lines of having to many opening a tags?

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."> <a href="https://freecatphotoapp.com" 
    </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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

This entire line of code is called the img element. You are asked to make it clickable using an anchor element.

To do that you should write the opening tag of your anchor on the left of the image and the closing tag on the right of the img element.

Give that a try and let us know if you still need help.

3

i added code <a href=“https://freecatphotoapp.com” to the left of the image and closing tag. link below
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-15

4

I can’t see what you wrote unless you post it here in a code block like this

```
Code here
```

5 
<a href=“[https://freecatphotoapp.com]</a>

(https://freecatphotoapp.com/)” to the left of the image and closing tag. link below
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-15

can you see it now?

6

Why are you including square brackets?

The correct syntax for an anchor element is shown in step 10 and 11 if you need to review.

7

the square brackets were automatically populated by the computer, i didnt add them. is there any link i can have to help me with this code so i can get past this problem?

8

Steps 10 and 11 can help you revise what an anchor element looks like.

It does not include square brackets. So if you are getting those added automatically as you said, you should delete them.

Here is another example of an anchor element:

<a href="website-address">Click Me!</a>

The anchor tag has 3 parts.

The opening tag.
The text or element in the middle.
The closing tag.

The opening tag has an href attribute that tells the browser which website to link to.

The text or element in the middle becomes clickable on the screen.

Make sure you write a correct opening anchor tag (with all its syntax like brackets and quotes etc) and place it on the left of the img element.

And don’t forget the closing tag on the right hand side of the img.

1 Like
9

thank you for your continued patience I have passed

2 Likes
10

this answer helped a lot! was stuck on this step for a good 10mins, figured out the correct placement of the opening and closing tags eventually after reading your comment :smile:

1 Like
11

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