Learn HTML by Building a Cat Photo App - Step 10

HTML-CSS
1

I inputted the a element I am not sure if I needed to put the a element in the back of the code or in the front when I imputed <a href= the “href” was colored in red if that means an error in any way. In addition </a should be expressed like that is that correct?

Your code so far

<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>
 </a href>="https://www.freecatphotoapp.com"     

<!-- 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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 10

2

Hi there,

A link element consist of:

  • A opening tag: <a>
  • A closing tag: </a>

Any attribute, for example: href, is putting inside the opeing tag <a> with the syntax like this:

<a attribute-name="attribute-value"></a>

You can always look at the given example in the instruction as a reference.

<a href="https://www.freecodecamp.org"></a>

The only difference is the value of the href attribute.

3

Screenshot 2024-08-01 6.32.10 PM

this what I imputed but wrong code.

4

The instruction said:

Add an anchor element after the paragraph

So put your link after the paragraph element.

For the next time, instead of posting screenshot of your code, you can post your code by put your code between 2 line of ``` (3 back ticks) (the back tick key is usually right under the Esc key on your keyboard), like this:

```
# your code here
```

or you can use the Preformatted Text button (the one with </> icon) (or press Ctrl + E):

5

Screenshot 2024-08-01 6.47.54 PM
posted it and it still is incorrect.

6

Delete the text www. in your link.

For the next time, you should copy and paste the text instead of typing yourself to avoid this type of mistake.

And remember to read the instruction slowly and carefully.

And post your code instead of screenshot for better assistance.

Happy coding!