My first coding!

HTML-CSS
1

Tell us what’s happening:
I need help on this " The existing img element should be nested within an a element.

Your a element should be a dead link with a href attribute set to # .

Each of your a elements should have a closing tag. It is so hard!!!

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<img src="https://bit.ly/fcc-relaxing-cat" 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>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36.

Challenge: Turn an Image into a Link

Link to the challenge:

2

what kind of help do you need? what have you tried?

3

Look at the example you have on the left.

The Img element it’s in a different position compared to the code on the right.

Some shortcut I use often are Ctrl+X to cut Ctrl+c to copy and Ctrl+V to past.
Try these to move the entire <img …> string and see if you find the solution!

4

Hello there!

just take a look at the given example (from the challenge) ->
<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a>

With <img> tag we do not use closing tag (</img>), but <a> element requires it so your browser knows what exactly functions as a link when clicked (image, part of text etc.)

“To nest an element” could be easily translated as “To put inside”. So what you need to do is place <img> in between <a> and </a> tags just as the given example shows you.

“Dead link” is defined by stating path of href property as “#”. It is used when you need to have a clickable element but the path it refers to is yet unknown or it doesn’t exist yet.
Example: You started creating a new web page. You created Home page and want to have a menu where you can navigate to Home, Contacts or About page. You can create a link to Home page just fine, but you don’t have the resting pages coded yet, so you just create dead links like so: <a href="#"><li>Contacts</li></a> and <a href="#"><li>About</li></a> - here they become a link. If you click it, you can see that in the URL field of your browser the given hashtag appears at the end of path to your file. And that’s basically all the dead link does.

My explanation is probably too long for most, but I hope you understand everything perfectly now! :slight_smile: