for the past hour ive been trying to figure out this. i tried everything i could think of yet it still says that the a element needs to be in the p element. i have no idea what that means. i tried reseting it, i tried characters within characters like it was saying, that doesnt work. i feel like im missing something, im stuck. i did reset it.
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">link to cat pictures</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/120.0.0.0 Safari/537.36
i still dont understand this step 12. i wrapped the anchor around the cat photos but it still isnt allowing it.
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=> cat photos in our gallery.</a> </p>
<a href="https://freecatphotoapp.com">link to cat pictures</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/120.0.0.0 Safari/537.36
Your getting closer! Don’t worry, this is the question people struggle with most in the whole HTML and CSS course.
You have wrapped the text “cat photos in our gallery” inside the a element. Just wrap the words “cat photos” in the a element. Here’s an example:
<p>Click this <a>link</a> to see our website</p>
Also, your href attribute inside your a element’s opening tag, needs to have a value, like this:
<a href="false-link">link</a>
The link for your href is provided in the freeCodeCamp instructions.
Don’t worry. For me, the first project was hardest, from there it got progressively easier. Eventually you won’t even have to think about things like this. If you persist you’ll be comfortably typing HTML in a couple months.
Nesting is a term in HTML that means to put something inside an element, like this:
<a>cow</a>
In the example above, I nested the text “cow” in an a element. A element are used to create links. The clickable part of the link is whatever is nested inside the a. The way we tell the link where to go is with the href attribute, like this:
<a href="myFarmWebsite.com">cow</a>
In this case, if somebody clicked “cow” it would send them to “myFarmWebsite.com.”
heres my code. dont worry the opening p element is in. for some reason when i put the whole code in it disapears.
see more <a href=>“cat photos” in our gallary </p
Remove the quote marks around cat photos.
Change gallary back to gallery
After the equals sign add one quote mark, then the link (copy and paste it from the instructions), then another quote mark.
Use the following method to post code to the forum:
On a separate line type three back ticks.
On a separate line paste your code.
On the last line type three back ticks. Here is a single back tick `
