Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

Your code so far
Good day friends, If I open the

tag the words on the window will not complete. Then I have tried to link href value on difference position on

element but not work.

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

<!-- User Editable Region -->

      <p cat photos> See more <a href cat photos a href><a/>cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com">cat photos</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

Your anchor element should only enclose the words “cat photos” then add a space between more and the opening anchor element, a space at the end of your closing closing anchor tag and a space between cat and the link.

3

Thank for your good information, I have put space still not work

4

The instruction: " In the text of your p element, turn the words cat photos into a link…"

Restart step.

In the existing sentence between ‘p’ tags, surround the words “cat photos” with the anchor tags. Take a look at the code line below this in question to see how it should be done.

5

Sorry I did not see any code line below your sentence

6

image
image976×631 48.6 KB

This is an example of how you can turn a text (or a few words) into a link. In the first line surround only the existing words “cat photos” with anchor tags.
If you don’t see these code lines, restart step.

7 
  <p> See more <a href= cat photos > <a/> cat photos in our gallery.</p>
  <a cat photos href ="https://freecatphotoapp.com"> cat photos</a>

Above is my set up but still not get it.

8

Slash comes before the a

9

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

Your code so far
Good friends I still don’t get it where to put the linking text “cat photos” really hard since yesterday.

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

<!-- User Editable Region -->

      <p cat photos>See more <a cat photos href="https://freecatphotoapp.com"cat photos</a></a> cat photos in our gallery. </p>
      <a cat photos href="https://freecatphotoapp.com"cat photos </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

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

Link to the challenge:

10

you just need to close the first part of the a tag after the link

11

I would reset the code. Don’t add cat photos everywhere on the page. Only add an opening anchor tag and a closing anchor tag. Add nothing else to the page.

Here is an opening and closing anchor tag you have written:

12

all your a tags are not clsed proberly and the white space around the text will also cause the tests to fail