Step 12 Cat Photo

HTML-CSS
1 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
      <a href="https://freecatphotoapp.com">link to cat photos</a>

So I combined those two last lines and it doesn’t work. What am I doing wrong? Here is what I tried:

<p>Click here to view more <a href="https://freecatphotoapp.com">link to cat pictures</a>.</p>
2

This isn’t the text you were asked to use as the link text in the new anchor element. You have to use the text the step is asking for or the tests won’t be able to mark your code as correct.

3

I saw that and corrected it earlier and it still didn’t work. I will correct it in the edit and show you.

4

It helps if you post all of the code and a link to the challenge

5

This is the reply I get:

Test

Sorry, your code does not pass. Keep trying.

Hint

You should nest a new anchor (a) element within the p element.

Here’s the link:

6

Please post your latest code

7 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a href="https://freecatphotoapp.com">link to cat photos</a>.</p>
8

This still does not have the link text the instructions asked you to use

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

9

Here are the instructions:

Step 12

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a href="https://freecatphotoapp.com">link to cat photos</a>.</p>
10

I can read the instruction. You don’t need to copy paste them at me.

Like I said, you did not use the correct anchor text.

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

11

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 (').

12

If it helps, you should remember that the objective of this step is to turn the phrase “cat photos” into a link. (Minus the quotes)

I wrote a guide post for this step which you may find helpful here

13

Jeremy, while I have been online for decades, I am new to coding and new to this site. I didn’t know about the backticks and will take note of that.

14 
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a href="https://freecatphotoapp.com">link to cat photos</a>.</p>

hbar1st, I am not sure what I am doing wrong in the code where I attempted what I thought was the solution.

15

These words right here are wrong!

The instructions say

In the text of your p element, turn the words cat photos into a link

You deleted the words cat photos and replaced them with this phrase instead!

16

The lesson had the word “pictures” instead of photos. I don’t know if that was meant to trip us up or what.

This is what we were given:

<p>Click here to view more cat photos.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

This is the what it seems to me should be correct:

<p>Click here to view more <a href="https://freecatphotoapp.com">link to cat photos</a>.</p>

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

17

I think you mean this?

In the previous step you turned the words link to cat picture

So they are talking about what your did in step 11 I guess.

The actual instruction comes later.
And it says to turn the words cat photos into a link.

18

Yes. I am still not doing it correctly though, I guess. I even went back to step 9 and redid it and step 10.

19

The text isn’t trying to trip you up - it should be taken literally.

The first paragraph gives you some information

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

The second paragraph says what you must do to pass the tests

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

You did not “turn the words ‘cat photos’ into a link”. You deleted the words “cat photos” and replaced them with the words “link to cat photos”.

You must not use the phrase “link to cat photos”. The tests will only accept the phrase “cat photos”.

20

Please take a few min and read that post I made. It may help.
Or you can always show us your new code and we can let you know what we see.