Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

When I put in the code as requested, it states the following:

The link’s href value should be https://freecatphotoapp.com . You have either omitted the href value or have a typo.

Forgive me for not speaking formally, but href is not reacting when I set it the the website.

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hello, and welcome to FCC
first you need to surround the word cat photos in your p element as a whole, like this

<p>See more <a>cat photos</a> in our gallery.</p>

remove the anchor a element around cat you don’t need it.
and don’t forget to add href attribute with the link provided
Happy Coding.

1 Like
3

Thank you so much for reaching out and supporting me on this.

4

How do you add the href attribute? It’s either not enabling me to do it or I’m doing something wrong.

5

Reset your challenge and try to add anchor opening and closing tags around existing cat photos text, Then add href attribute with the value link provided in the instructions within your anchor opening tag.
@keenenwilliams1

6

The syntax for and href would be:

<img href="falselink">

Is that what you needed to know?

7

I’m not sure. The request is not asking for that per se, here’s what I’ve input as a response, but I’m being told that I have a typo.

image
image1512×2016 1.29 MB

8

Start a new topic. Then paste in your html and css.

9

Tell us what’s happening:
I’m currently stuck on how to omit the href to what the instructions are asking me to do. I continue to correct it but it continues to state that I may have a typo. Can someone please assist me. My code so far is below. Thanks for the support.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a>cat photos</a> 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 mobile information:

iPhone - iOS15.8

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

Link to the challenge:

10

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

1 Like
11

Welcome to the forum @keenenwilliams1

You need to place the href attribute in the opening anchor tag in the paragraph element.

Happy coding

1 Like
12

Hi! Teller’s instructions are correct, let me help you with a little templates:

First step is to put a tags around the words:
<a>text</a>

Second is to add href attribute with the link in the opening a tag:
<a href="value">text</a>

1 Like
13

Add href attribute with the value link provided in the instructions, within your anchor opening tag.
@keenenwilliams1

1 Like
14

I’ve provided a picture for proof that I’m inputting what’s requested, but it continues to state that there’s an error.

image
image1512×2016 1.2 MB

This is what I put(in case my photo does not go through):

See more car photos in our gallery.

link to cat pictures

Where’s the typo in this?

15

The opening anchor tag does not have the href attribute.
That piece of code is what makes the link text navigate to a web site.

The error message is saying you omitted the attribute.

Happy coding

1 Like
16

Thanks for the quick reply. Okay, what am I suppose to input, or how because I’ve been stomped for a while on this

17

Here is the basic structure of an element with an attribute:

<tag property=“value”>Text</tag>

You already have the tags and link text, you just need to add a space then the attribute.

Both the instructions and error message have the property name and the value. You’ll need to correctly structure the code.

1 Like
18

Add a space where? And what additional attribute am I adding?

19

Okay thank you for your support I figured it out finally. Thanks everybody.

1 Like
20

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