Seral2e
September 29, 2022, 4:00pm
1
Tell us what’s happening
i need help to get it right
Your code so far
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more<a href="https://freecatphotos.com" alt="cat photos"></a></p>
<a href="https://freecatphotoapp.com.">cat photos</a>
<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/105.0.0.0 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 12
Link to the challenge:
You’re close. There is no alt
attribute for the a
tag. Look at where you put the link text for the “cat photos” link you created below the p
tag. You put it between the opening and closing a
tags. That’s how you would do it for the words “cat photos” in the p
element too.
Also, you need to put the space back in between the word “more” and the link. A sentence has spaces between the words, so it still needs spaces between all the words even if there is a link in the sentence.
Seral2e
September 29, 2022, 4:11pm
3
i still dont get it. please can you show me?
We don’t give code answers here, so I can only explain it to you. Please tell me more about what you don’t understand.
Seral2e
September 29, 2022, 4:08pm
5
Tell us what’s happening:
how can i nest a link on this excercise please, am stuck?
Your code so far
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p><a href="Click here to view more cat photos"></a></p>
<a href="https://freecatphotoapp.com.">cat photos</a>
<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/105.0.0.0 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 12
Link to the challenge:
Hi, looks like you’re on the right track, but check your syntax!
You need to open and close link tags - the ‘a’ in HTML - with the correct mark: <>.
You did it correctly here:
<p><a href="Click here to view more cat photos"></a>
But check your syntax for the other link !
Tell us what’s happening:
Please i need help on how to go about this
Your code so far
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p> <a href="https://freecatphotoapp.com">Click here to view more cat photos</a> </p>
<a href="https://freecatphotoapp.com.">cat photos</a>
<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/105.0.0.0 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 12
Link to the challenge:
Right now the whole sentence appears to be a link, correct? (Look at the preview pane to see)
What they actually want though is for the last two words only to be clickable.
Click here to view more cat photos .
THanks, but it seems not to work
hbar1st
October 1, 2022, 11:16am
10
We cannot help you if you do not post your latest code.
Seral2e
October 1, 2022, 11:31am
11
Tell us what’s happening:
Please what do i do next in this code?
Your code so far
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p> Click here to view more <a href="https://freecatphotoapp.com."> cat photos</a> </p>
<a href="https://freecatphotoapp.com.">cat photos</a>
<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/105.0.0.0 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 12
Link to the challenge:
hbar1st
October 1, 2022, 11:35am
12
hello, try looking at the hint. What does it say?
Seral2e
October 1, 2022, 12:31pm
13
That the link should have a href link: https://freecatphotoapp.com
hbar1st
October 1, 2022, 12:35pm
14
so do you think you have that exact link?
(it has to be exactly that link).
If you don’t want to check for a typo one easy way around is simply to copy the link to the correct spot in the code rather than to type it and risk having a typo.
Seral2e
October 1, 2022, 12:37pm
15
have also done that and still not working
hbar1st
October 1, 2022, 12:39pm
16
what does your new code look like? Please post it in response here.
Seral2e
October 1, 2022, 12:44pm
17
**Tell us what’s happened
This is it
Your code so far
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p> Click here to view more <a href="https://freecatphotoapp.com." > cat photos</a> </p>
<a href="https://freecatphotoapp.com.">cat photos</a>
<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/105.0.0.0 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 12
Link to the challenge:
hbar1st
October 1, 2022, 12:48pm
18
hello, what is your post about? (you didn’t seem to ask anything)
Seral2e
October 1, 2022, 12:49pm
19
I cant seem to get it right. The code is not working
hbar1st
October 1, 2022, 12:51pm
20
can you try to read the Hint section? What does it say and does this help at all?