Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

.

Your code so far

Hello everyone! I kindly need a help with adding opening and closing tags around the words. the command is below;

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

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Can you explain a little more what you don’t understand about wrapping the words cat photos in opening and closing a tags? You have already done this to the words link to cat pictures, so you have an example of how to do it. You put an opening a tag before those words and a closing a tag after those words. I’m confident you can do the same thing to the words cat photos in the middle of the p element.

3 Likes

Hey bbsmooth appreciate your reply and kind gesture. My name’s Answer, I’m new in my coding voyage and I don’t mind you mentoring me through it. I can guarantee you that I’m quick to learn. If you’d kindly schedule a zoom meeting with me, so I’d share my screen and show you exactly what I’m insinuating.

1 Like

Why don’t you read this article:

3 Likes

link to cat pictures

try this

2 Likes

Really truly appreciate. this really helped.

1 Like

I’m not sure you are going to find anyone here who is willing to zoom with you, but the way you can show us what you have done is to paste your code here in the forum. In the future, you can do that using the following method.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

3 Likes

Mod edit: removed solution

@Amritpal2

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

2 Likes

Acknowledged Cody. I’ll oblige.

1 Like

My comment was not addressed to you. I tagged the user I was talking to at the top of my message. You are all good

1 Like

Thanks buddy, i will learn more by this by helping others

2 Likes

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