Html: placer image dans page selon résolution

Bonjour,

Je dois réaliser un site internet dans le cadre de mes études et je rencontre quelques problèmes. Je précise juste que mon professeur ne veut pas que l'on utilise le CSS, ce qui m'empêche de faire ce que je souhaiterais.

Je vous explique mon problème:
J'ai inséré des images dans ma page, que j'ai placé avec ce code par exemple :
<img src="e:/workspace/images/creche.jpg" alt="Crèches" width="320" height="600" style="position:absolute;margin-left:10%;margin-top:-60%">

Cela fonctionne très bien sur mon ordinateur portable. Pourtant dès que j'essaie de l'ouvrir sur un ordinateur qui possède une autre résolution, les images se retrouvent complètement décalées, de même pour les textes. On m'avait dit qu'il fallait que je les place avec des pourcentages donc je ne comprends pas pourquoi ça ne s'affiche pas proportionnellement à la résolution. Peut-être faudrait-il que je fixe la taille de mon image (height et width) en pourcentage ? Je ne sais pas du tout et je suis un peu coincée à cause de ça.

Si quelqu'un a la solution, je suis preneuse.

Je vous remercie!