Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more https://freecatphotoapp.com <a/><p/>
    <a href="https://freecatphotoapp.com">cat photos<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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

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

Link to the challenge:

I am currently stuck on this code and I cant seem to find a solution, please assist.

2

Hello. if you type a link directly inside a <p> element, it will have no effect. The reason is it is interpreted as only text and not an address.

In order to correctly add a link inside a <p> element, you must nest an anchor element, <a>, inside it, and set its href attribute to the target address.

In this step, you’re asked to make the text ‘cat photos’ take you to the address ‘https://freecatphotoapp.com’ when clicked. To do that, nest an anchor element inside your <p> element, set its attribute href to https://freecatphotoapp.com, and then write, inside of the anchor tag, the text that you wish to be transformed into a hyperlink, in this case, ‘cat photos’.

3

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