Kako izmjeniti i posložiti kod ispod da on funkcionira i izgleda ispravno ??
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<h1>My First Web Page</h1>
<div>
<img id="demo" src="slike/hdd.jpg" alt="ja" style="position:absolute; left: 572px; top: 108px;" /></div>
<p onmouseover="document.getElementById('demo').src='mouse1.png' " onmouseout="document.getElementById('demo').src='slike1.jpg' " style="width: 81px"><a href="slike/hdd.jpg" >ovdje link 1</a></p>
<p onmouseover="document.getElementById('demo').src='mouse2.png' " onmouseout="document.getElementById('demo').src='slike2.jpg' " style="width: 81px"><a href="slike/hdd.jpg" >ovdje link 2</a></p>