Inserting an image

Question

Anyone help me with a bit of code. Still learning and I can’t for the life of me figure out why this isn’t working.
Looks like this

<div>
<p class=“image1”><img src=“image.jpg” alt=“This image cannot be displayed”/>
</p>
</div>
Cheers.

Answer 1

https://code.sololearn.com/WW6t4B73kJVz/?ref=app

Answer 2

Thank for this tutorial ! =)

Answer 3

Maybe the reference to the image file is incorrect? Make sure the file is in the same folder as the html file.

Answer 4

you can use an event listener in javascript to wait for the keypress, and then change the style properties of the element on the screen that you want to change.
A mouseclick might be a bit easier though, that’s probably possible with a pseudo element in your CSS.

Answer 5

Just add some CSS:

/* mouse over link */
a:hover {
border: 1px solid white;
}

/* selected link */
a:active {
border: 1px solid white;
}

Choose the right border style, color etc. and add it to the stylesheet

Answer 6

still doesnt work. i must be doing somethinf obviously wrong

Answer 7

is there anyway to get the border to ‘light’ up on a keypress?