Nest an Anchor Element within a Paragraph
You can nest links within other text elements.
Here's a <a target="_blank" href="https://www.freecodecamp.org"> link to www.freecodecamp.org</a> for you to follow.
Let’s break down the example. Normal text is wrapped in the
<p> Here's a ... for you to follow. </p>
Next is the anchor element
<a> (which requires a closing tag
<a> ... </a>
target is an anchor tag attribute that specifies where to open the link. The value
_blank specifies to open the link in a new tab. The
href is an anchor tag attribute that contains the URL address of the link:
<a href="https://www.freecodecamp.org" target="_blank"> ... </a>
link to www.freecodecamp.org , within the
a element is called anchor text, and will display the link to click:
<a href=" ... " target="...">link to freecodecamp.org</a>
The final output of the example will look like this:
Here’s a link to www.freecodecamp.org for you to follow.
Nest the existing
a element within a new
p element. Do not create a new anchor tag. The new paragraph should have text that says
View more cat photos , where
cat photos is a link, and the rest is plain text.
It looks like you’ve just copied the description.
Do you have a question? If you can’t solve this, can we see the code that you’ve tried?
I tried to solve it like in the last paragraph but I can’t
<a href="https://www.freecatphotoapp.com" target="_blank">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.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
this is your
a element, you need to create the
p element around it
must completed that based on instruction in the last paragraph in my first post,
i couldn’t solve it cause there’s not tutorial video available.
what have you tried? what are the tests saying?
<p target="View more cat photos"<a href="https://www.freecodecamp.org"> link to www.freecodecamp.org</a>for you to follow.</p>
below is the problem:
a element should be nested within your new
p element should have the text
View more (with a space after it).
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (
</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).
<a href="https://www.freecatphotoapp.com" target="cat photos"<p> link to www.freecodecamp.org ="View more cat photos"</p> for you to follow.</a>
That’s because you didn’t do what I said
Let’s start from the beginning.
Instructions: The new paragraph should have text that says View more cat photos , where cat photos is a link, and the rest is plain text.
We know that the tag for a paragraph is
<p></p>. So let’s start by throwing everything into a paragraph.
<p>View more cat photos</p>
However via the instructions, only cat photos needs to be a link. Not the entire paragraph. Luckily! The anchor tag can be using within the paragraph tag.
From this point wrap only the specified words within an anchor tag. Be very precise and follow the instructions to a T. Also look at the errors it throws at you. These can be very helpful on determining where things went wrong.
If you’re still having trouble. That’s absolutely fine and normal and at that point I would recommend moving back a few lessons and really solidify your knowledge on previous concepts. Knowledge will build on itself as you move through the lessons and it’s important to have a solid understanding as you move through your journey.
In order to nest this exercise you have to read carefully the directives for it.
The proper method is
<p> "something" <a href=the_link> Text_for_the_link </a> "something else </p>
The target attribute is used to specifie where to open the linked document (new tab or specific frame within the body of your page) and you don’t need it here
<p> View more <a href="#"> cat photos</a></p>
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.