Pour les polices plutôt indiquer ceci
<meta charset="utf-8">
c'est compatible avec l'écriture et les accents dans le texte.
et pour ceci plutôt qu'index, mettre le nom de ton site.
<title>nom du site</title>
tu as 2 h1 sans fermeture ! et sans texte
<h1>
Ceci est ma page perso
</h1>
pour l'image on met toujours en relatif donc ./photo.JPG
./ étant la racine
et puis le mieux est de créer un dossier images et de mettre toutes les images dedans, ce qui donnera
./images/photo.JPG
Pour rappel dans le nom des url, des images, des dossiers on ne met jamais d'accent, ni d'espace ... si besoin on peut mettre des tirets - ou _ entre les mots.
Pour coder, il faut être très rigoureux. Mais c'est super bien de le faire et ne ne pas passer par un truc tout fait .