Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening: I tried to complete the code nested within a p element but still could not do it.

Describe your issue in detail here. It kept saying the code is wrong and I need to change it

Your code so far

cat photos

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

<!-- User Editable Region -->

      <p><a href="https://freecatphotoapp.com">cat photos</a></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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hi! Your code is ok, just reset the task and repeat, you miss the given text.

4

Hi mate! I kept going and it says “Terminated”. I don’t know what happened

5

Let’s see, show your code again, please

6

I just refreshed the page and I can now continue still.
Thanks

7

question
question782×417 42.4 KB

How do I start with this?

8

Hi @dannymaefengea

For step 15, follow the same process you used to turn text into a link.
This time it will turn an image into a link.

Happy coding

1 Like
9

Hi mate,
How do I go from here?

figcaption
figcaption781×638 63.5 KB

10

Add a dot after lasagna and remove the angled brackets and back slash code appearing before the img element.

11

You need to add figcaption opening and closing tags after img element and within figcaption opening and closing tags, add the required text. I would suggest to copy paste it for perfection.
@dannymaefengea

12

hi mate,
I have tried to do this but still couldn’t quite get it. Please help
thank you

typeattr
typeattr798×607 59.9 KB

13

Hello!
A type attribute looks like this:
<element attribute="value">
Your attribute should be set to type and it’s value should be set to text.
Try removing your type element and the text of ‘text’ and adding your type which should be set to text in your input element.

14

Reset your challenge and add a input tag. Within your newly added input tag add type attribute with the value text.
@dannymaefengea

15

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