Insérer photo dans une page html

voici quelques exemples ajoutés à la CSS pour les images :
.photoadroite {
border : 5px solid #b0b0b0;
float : right;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photoencadre {
border : 3px dashed #b0b0b0;
margin : 5px 15px 6px;
padding : 5px;
}
.photoplus {
border : 5px solid #b0b0b0;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photoagauche {
border : 5px solid #b0b0b0;
float : left;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photo {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

dernier : div#photoflot p
{
margin:0;
padding:0;
text-align:justify;
}
div#photoflot img
{
float:left;
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
hr
{
clear:left;
}
à placer ainsi :
<div id="photoflot">
<img src="ressources/image_gauche.jpg" alt="et hop, une image à gauche !" width="240" height="180" />
<p>Fusce sem turpis, mollis ut, commodo quis, aliquet eget, ipsum. Ut nonummy libero vitae neque. Quisque lacus. Nullam lobortis. Cras quam. Nulla vitae ante nec eros mollis luctus. Vivamus velit. Morbi interdum euismod sapien. Duis mi est, facilisis vitae, </p>
</div>

<img class="photoagauche"src="images/vision9.jpg" height="68" width="125" alt="Referencer son site" title="Referencer son site" />
Ce code insère une image mise dans le dossier image, sans description et l'ajout de la CSS va pemettre de la positionner, (ici à gauche avec un encadrement gris) et de lui donner les attributs "alt" et "title" ...