# Let’s learn HTML by building a cat photo app! \[Week1\]

**URL:** <https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069>\
**Category:** Web Development Bootcamp\
**Created:** [January 10, 2022, 6:51am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069 "2022-01-10T06:51:29Z")\
**Posts on this page:** 17\
**Page:** 2

<div class="post-metadata">

**Author:** ![evasmyth2696149](https://avatars.discourse-cdn.com/v4/letter/e/74df32/32.png) [@evasmyth2696149](https://group.classcentral.com/u/evasmyth2696149)\
**Post date:** [January 10, 2022, 7:31pm UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/23 "2022-01-10T19:31:09Z")

</div>

I’m stuck at step 55! I feel like I’ve tried every possible way! Can somebody help me please 😌

---

<div class="post-metadata">

**Author:** ![mordenwebdev](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/mordenwebdev/32/3846_2.png) [@mordenwebdev](https://group.classcentral.com/u/mordenwebdev)\
**Post date:** [January 10, 2022, 7:44pm UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/24 "2022-01-10T19:44:38Z")

</div>

did you solved it? if you still have doubt you can refer this mdn for label

> **[: The Input Label element - HTML: HyperText Markup Language | MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label)**
>
> The HTML element represents a caption for an item in a user interface.

or you can replay me I can help you.

---

<div class="post-metadata">

**Author:** ![evasmyth2696149](https://avatars.discourse-cdn.com/v4/letter/e/74df32/32.png) [@evasmyth2696149](https://group.classcentral.com/u/evasmyth2696149)\
**Post date:** [January 10, 2022, 7:57pm UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/25 "2022-01-10T19:57:26Z")

</div>

Thank you so much! That’s been a huge help! Finally Gott passed it 😄

---

<div class="post-metadata">

**Author:** ![queenteetee2595821](https://avatars.discourse-cdn.com/v4/letter/q/85f322/32.png) [@queenteetee2595821](https://group.classcentral.com/u/queenteetee2595821)\
**Post date:** [January 11, 2022, 1:02am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/26 "2022-01-11T01:02:09Z")

</div>

hi everyone, I am doing the learn HTML by building a cat photo app. Ima struck on step 12. I try following the hint, but I am still stuck. Can anyone help me? [my work] ([https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12))

---

<div class="post-metadata">

**Author:** ![spaceDementia](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/spacedementia/32/4189_2.png) [@spaceDementia](https://group.classcentral.com/u/spaceDementia)\
**Post date:** [January 11, 2022, 1:16am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/27 "2022-01-11T01:16:39Z")

</div>

Make sure you have a space between the input and label elements. I got stuck on that one as well for that very reason.

---

<div class="post-metadata">

**Author:** ![queenteetee2595821](https://avatars.discourse-cdn.com/v4/letter/q/85f322/32.png) [@queenteetee2595821](https://group.classcentral.com/u/queenteetee2595821)\
**Post date:** [January 11, 2022, 1:41am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/28 "2022-01-11T01:41:24Z")

</div>

I have tried that too and it still did work. thank you though

---

<div class="post-metadata">

**Author:** ![nounyahjoshua2685557](https://avatars.discourse-cdn.com/v4/letter/n/47e85d/32.png) [@nounyahjoshua2685557](https://group.classcentral.com/u/nounyahjoshua2685557)\
**Post date:** [January 11, 2022, 1:46am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/29 "2022-01-11T01:46:33Z")

</div>

please I don’t quite understand the short notes on the step 48…I’ve completed it though 😅

---

<div class="post-metadata">

**Author:** ![emiliahilda2679905](https://avatars.discourse-cdn.com/v4/letter/e/f0a364/32.png) [@emiliahilda2679905](https://group.classcentral.com/u/emiliahilda2679905)\
**Post date:** [January 11, 2022, 2:19am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/30 "2022-01-11T02:19:59Z")

</div>

Stuck in step 14. I need help please

---

<div class="post-metadata">

**Author:** ![Shawn](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/shawn/32/3639_2.png) [@Shawn](https://group.classcentral.com/u/Shawn)\
**Post date:** [January 11, 2022, 3:48am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/31 "2022-01-11T03:48:31Z")

</div>

Without a Value attribute, the result from our radio buttons will just be a generic “on” rather than a named result. So we add the attribute Value so that we get something meaningful when someone uses our form. We set value=“indoor” for one button and value=“outdoor” for the other button. So now if someone chooses one we get a result telling us “indoor” or “outdoor”.

I hope that helps a bit?

---

<div class="post-metadata">

**Author:** ![Shawn](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/shawn/32/3639_2.png) [@Shawn](https://group.classcentral.com/u/Shawn)\
**Post date:** [January 11, 2022, 3:54am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/33 "2022-01-11T03:54:31Z")

</div>

Step 14 is asking you to surround your img tag with the a /a tags in order to make the image into a link. You’ll see this combo a lot. So you will get something like a href=“http:whatever” then img src=“http:/picture.whatever.” then /a

It’s a good step for showing how the open tag before, and the closing tag after can wrap around an element and effect it. Bookending the image to turn it into a link in this case.

---

<div class="post-metadata">

**Author:** ![Anshul0390](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/anshul0390/32/3741_2.png) [@Anshul0390](https://group.classcentral.com/u/Anshul0390)\
**Post date:** [January 11, 2022, 7:09am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/34 "2022-01-11T07:09:15Z")

</div>

Hi Aileen,

you just have to add the action attribute and give the value as the URL provided. Something like this inside the form tag…  
action=“[Thank You message for Cat Photo App form submission| freeCodeCamp.org](https://freecatphotoapp.com/submit-cat-photo)”

Hopefully this will help

---

<div class="post-metadata">

**Author:** ![nounyahjoshua2685557](https://avatars.discourse-cdn.com/v4/letter/n/47e85d/32.png) [@nounyahjoshua2685557](https://group.classcentral.com/u/nounyahjoshua2685557)\
**Post date:** [January 11, 2022, 7:45am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/35 "2022-01-11T07:45:53Z")

</div>

Yes it does, thanks a lot Shawn

---

<div class="post-metadata">

**Author:** ![marysmith2702007](https://avatars.discourse-cdn.com/v4/letter/m/a3d4f5/32.png) [@marysmith2702007](https://group.classcentral.com/u/marysmith2702007)\
**Post date:** [January 12, 2022, 2:54am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/36 "2022-01-12T02:54:46Z")

</div>

I’m late to the party, but I’m stuck on step 14 (no coding background whatsoever). No matter how many ways I try, I still get anchor errors. I am at a complete loss, despite the responses above. Thanks for any help/guidance.

I’ve tried the suggested modifications, but I end up with errors every single time…either I don’t have enough anchor elements, or I have too many! Ugh!

Again, for perspective: I have _zero_ coding experience; this is completely day #1. I can’t even find lectures/presentations on this. I’m floundering here. ☹

 ![Screen Shot 2022-01-11 at 10.09.23 PM](https://us1.discourse-cdn.com/flex016/uploads/ccstudygroup/original/2X/e/e5155c3fe14ce1afd7da26df6fea246d1de445ed.png)

---

<div class="post-metadata">

**Author:** ![Shawn](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/shawn/32/3639_2.png) [@Shawn](https://group.classcentral.com/u/Shawn)\
**Post date:** [January 12, 2022, 3:37am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/37 "2022-01-12T03:37:21Z")

</div>

Hi Mary,  
I’ll try and reword the question and see if that gets you unstuck. If it doesn’t I can post a screenshot of how I approached the answer. Just let me know 🙂

To turn an image into a link you “wrap” it in anchor tags. Image is a standalone tag and anchor has an open and close tag. So they are asking you to go anchor then image then anchor closing.

So in row 8 of your screenshot I see an image tag, but not anchor tag. I would expect to see something like  
`<a href="blahblah"><img src="yadayada" alt="a cute orange cat etc"></a>`

---

<div class="post-metadata">

**Author:** ![marysmith2702007](https://avatars.discourse-cdn.com/v4/letter/m/a3d4f5/32.png) [@marysmith2702007](https://group.classcentral.com/u/marysmith2702007)\
**Post date:** [January 12, 2022, 4:49pm UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/38 "2022-01-12T16:49:54Z")

</div>

Thank you!!! This worked, and I appreciate your help. I have no doubt that I’ll be back for more assistance! 🙂

---

<div class="post-metadata">

**Author:** ![Emmy](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/emmy/32/4003_2.png) [@Emmy](https://group.classcentral.com/u/Emmy)\
**Post date:** [January 18, 2022, 10:55pm UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/39 "2022-01-18T22:55:37Z")

</div>

I’m running a week behind here, and I’m stuck on step 42 of the cat app…

---

<div class="post-metadata">

**Author:** ![Shawn](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/shawn/32/3639_2.png) [@Shawn](https://group.classcentral.com/u/Shawn)\
**Post date:** [January 19, 2022, 3:30am UTC](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069/40 "2022-01-19T03:30:03Z")

</div>

Just like the Input element can have type=“whatever” so can the button element. So add a “submit” type attribute into that opening button element.

It’s worth mentioning that all the steps are case sensitive. So if you have submit between your two button elements rather than Submit, that can trip things up.

[Previous page](https://group.classcentral.com/t/let-s-learn-html-by-building-a-cat-photo-app-week1/21069.md?page=1)
