Learn HTML by Building a Cat Photo App - Step 10

HTML-CSS
1

i am on 10 what do i do i have put the everywhere and it will not work please help

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

<!-- User Editable Region -->

      <p>See more cat photos 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/122.0.0.0 Safari/537.36 Edg/122.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 10

2

Hi there. For this step you have to, add an anchor element after the paragraph that links to https://freecatphotoapp.com.

But what might an anchor element look like you might ask and how would you create a link. Let’s take this for one for example,

<a href='https://freecodecamp.org'></a>

would link to freecodecamp.org. An anchor element is represented by an a and the href attribute sets the location the link points. Think of href as hyperlink reference. That is a reference to where the url should point to.

Let me know if you have any further comments, questions, or confusion. Thank you. :slight_smile:

1 Like
3

I have tried putting it everywhere and it still won’t take it and says its wrong I don’t know why. can you show me exactually where it goes so, I can try again I been almost 2 weeks and it’s still not working?

4

hey there its noting complicated you just have to add the anchor tag after the para tag

remember that links are given inside anchor tag just like @a2937 explained

> <a href='https://freecodecamp.org'></a>

5

am i supposed to delete anything i am still tryimg and nothing is working

6

i still need help nothing is working

7

No, you just have to add the after the **paragraph ** AKA “p” tag.

you can you anchor tag AKA “a” to add the link
reference:

<a href="freeCodeCamp.org"></a>

8

Welcome to the community :smiley:
If you are still having trouble, try taking a 5 min brake, then coming back to it.

Another thing I found that helped me, was to put tags and attributes into a search engine.
This is often a great way to find reference pages with examples you can play around with.

HTML a tag (w3schools.com)

1 Like
9

The instructions say as follows:

Add an anchor element after the paragraph that links to https://freecatphotoapp.com. At this point, the link won’t show up in the preview.

The first step would be to identify what paragraph is and what line lives on.
Here it is:

<p>See more cat photos in our gallery.</p>

Whatever is asking must be placed after that line.

The next move is to know what are an anchor and link or even better yet what’s saying by “that links to https://freecatphotoapp.com”.

A link is formed when you use a <a></a> and inside the starting tag <a> you place an attribute href with a value. @roguebanana shows you an example.

In the request, it is asking to do the same but with https://freecatphotoapp.com

10

thanks i guess i just need to give up

11

What’s up, did you pass the task?

12

Giving up is a feeling I had often in the first year :frowning:

Taking a break is often helpful if your starting to feel like this, often the brain needs a little recovery time when learning.

Something I didn’t realise when I first started, was that I didn’t even know how I learn.
It takes time to find Your way of doing something.

I hope you come back to this.
We are here to help, but we may not always be very good at helping :confused:

13

no i have tried everything and put it everywhere and nothing works

14

thanks, i usually give it 2- and 3-days break and still can’t do it maybe I’m just stupid.

15

i finally by luck got it but now i have no clue what do on 11

16

Well, share your latest attempt, we’ll do it
OK, you did it, congrats
If you have a problem on step 11, start a new topic

17

You know, this is not the only way you can learn a bit about coding something. Consider looking for other means that works better. Perhaps a course that tutors you personally. Instead of a self-taught, self-motivated engagement.

18

Thank you for helping I really appreciate it.

1 Like
19

At the beginning I often felt I was just following along and not learning anything.
I’ve found familiarity can be gained by following along, but you need to use multiple sources and practice for it to stick.

As @anon28508191 says there are other places you can go to learn, some are a little easier for a complete beginner.

At the start of my journey I found a few things I could do to make it easier for me, which I still use today.

  • When introduced to a new tag/attribute/function, put it into a search engine to find simple references and explanations.

  • Take regular breaks to walk around, giving time for new information to sink in, time to think about how to approach a problem.

  • Find websites with examples I can edit.
    (I’ll put a link to w3schools below, its the one I used the most)

  • Build something in a ‘playground’, a small project using local host to try out the things I’m learning.
    (this one you may not be able to do now, but will be great later)

  • Expect to / be ok with failing.
    I know this sounds weird, but if I’m not frustrated and don’t make any mistakes, Its likely I already knew how to do it, and therefor didn’t learn anything new.

  • Celebrate small wins.
    Each time I struggle and find a solution, I like to dance around the room a little :smiley:
    Even if it felt like a fluke (it often does feel like that at the beginning)

Learning how I best learnt wasn’t something I realised would be important when I started. It can take a long time to figger it out :confused:

This is the w3schools website:
I found this to be easier than freeCodeCamp at the start, but would hop between w3schools and freeCodeCamp.

1 Like
20

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