Learn HTML by Building a Cat Photo App - Step 4

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <h2>Cat Photos</h2>
  <p>Click here to view more cat photos.</p><!-- TODO: Add link to cat photos -->
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0

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

Link to the challenge:

2

Hi there! Welcome to the forum!

Please 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 information you give us, the more likely we are to be able to help.

3

<p>Click here to view more cat photos.</p><!-- TODO: Add link to cat photos --> and these wasn’t accepted

4

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

The instructions say,

Add a comment above the p element

Your comment is on the same line as the p element. You need to put the comment above the p element to pass the lesson.

Hope that helps!

6

Thanks for the reply,

Please how would i put the comment above the p element to pass the test ?!

Thanks
Faniran seun

7

So far you’ve been typing into the text box in the lessons to write your code.

The text boxes in the lessons work like any other text box online or any word processing program.

So if you wanted to type above the p element you must first press your enter key at the start of the p element to make a new line above it.

Then you must put your cursor on the new line above the p element.

Then type in the comment.

As you have already typed in the comment, you could copy and paste it above the p element. So long as you use the enter key to create a new line above the p element.

Does that help?

8

Thanks for the reply Sir,

I have tried it now and still not getting it sir.

Could you please provide a preview for me as an example in the right way to write it please?!

Best Wishes
Faniran seun

9

If you are on PC, trying pressing Ctrl + /.
If you are on Mobile, try searching HTML comments

Hope that helps.

10

Hi, I can’t show you the full answer to the lesson as we discourage it as it doesn’t help for learning long term.

Can you please show me the code you have right now? I can point you in the right direction if I can see it. :slight_smile:

11

This is how it look like

<p>Click here to view more cat photos.</p>

<!-- TODO: Add link to cat photos -->
12

Your comment text is correct but the comment still needs to be above the p element, not below it.

Here is a gif showing how to type a comment above the p element. You must use the enter key to make a new line then write the comment.

You must however use the text the lesson instructs for the comment, not the example text I am using.

image

13

Thanks for the reply

got it xx

1 Like
14

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