Boutons en Javascript

Bonjour,

alors j'ai un gros problème et j'arrive pas à trouver une solution.
Jvous explique:

Je récupère de ma base de données un texte qui s'affiche ds une <div> et j'ai installée 4 boutons (gras, italique, souligner et surligner) qui pour l'instant ne sont reliés à rien. Je voudrais que quand l'utilisateur sélectionne avec sa souris une partie du texte qu'il puisse cliquer sur l'un des 4 boutons pour mettre en gras ou autres ce qu'il a souligné. et après l'enregistrer à nouveau dans la BDD avec un UDAPTE.

est ce que quelqu'un peut m'aider ?

voici mes boutons:

<img src="img/Souligner.gif" style="border-style: solid; border-color: rgb(171, 210, 171); color: rgb(171, 210, 171); background-color: rgb(30, 23, 27);" onclick="">
<img src="img/Italique.gif" style="border-style: solid; border-color: rgb(171, 210, 171); color: rgb(171, 210, 171); background-color: rgb(30, 23, 27);" onclick="">
<img src="img/Gras.gif" style="border-style: solid; border-color: rgb(171, 210, 171); color: rgb(171, 210, 171); background-color: rgb(30, 23, 27);" onclick="">
<img src="img/surligne.gif" style="border-style: solid; border-color: rgb(171, 210, 171); color: rgb(171, 210, 171); background-color: rgb(30, 23, 27);" onclick="">

et voici mes <div> :

<div id="notes3" ></div>

Merci beaucoup pour votre aide