Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I don’t understand step 12 turning a word in a link I can’t understand in 7

Your code so far

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      <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/17.5 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hi and welcome to the forum,
To turn a word into a link you simply add your a tags around it for example:

<a href="your link" >your word</a>

This changes “your word” into a link. Now try to add your tags exactly around the words that it says in the instructions. Hope this helps

3

Hey Buddy , Here you tried well.

But think which tag you write 1st and your end tag ?

2nd thing do you think we should put " " around a word, which we are converting into a link.

Think , Then give your updated Code here !!

Hope You Understand !!

4

Hello and Welcome to the forum @footballb314!

Here is a link to an article that had provided me with good guidance and examples on how to turn both images and text into links.

Wishing you good progress on your coding journey! :slightly_smiling_face: