Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
What should i do here

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 cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures<a href="https://catphotos.com"</a>

<!-- User Editable Region -->

      <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/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

It wants you to turn part of the text into a link.

you used the <a></a> to turn the image into a link, you can do the same for text, or part of text.

you may hear these terms a lot, so will quickly specify them:
tag = anything within < > is a tag.
opening and closing = many tags come in pairs, an opening tag <p>
and a closing tag </p>
nesting = to put one tag inside another tag.

in order to make part of text a link, you must surround the text with the opening and closing tags.

tags can go inside of text.
here is an example of a bold tag <b></b> used to make the word ‘here’ appear bold
before = <p>dummy text here is not to be used in the steps</p>
after = <p>dummy text <b>here</b> is not to be used in the steps</p>

3

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