Fenetre pour afficher un code HTML ?

Version imprimable

Bonjour, je suis nouvelle ici alors, j'espère poster dans la bonne section. Sinon, excusez moi d'avance.

Voila, je ne sais même pas si on peut dire que je débute en programmation. J'ai créée une page myspace donc pas trop casse tête comme site web. :oops:

Pourtant, je me suis vite aperçut que pour une meilleur lisibilité et une plus grande efficacité, le HTML est très utile.

Pis, surtout, certaines balises sont acceptées.

Mon soucis :
Je veux afficher une fenêtre de texte ou le code HTML sera lisible mais pas exécuté.
Je compte afficher une bannière (en fait un bricolage maison) et dessous avoir un cadre qui permets de copier le code.

Merci d'avance de votre aide précieuse.

La bannière s'affiche directement avec ce code sur la page :
Code:

1 2 <div><a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/bannie11.jpg"></a></div>
Merci d'avance de votre aide précieuse.

EDIT : Voila ce que j'ai déjà essayé :
Avec un autre bricolage :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <FRAMESET> <a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/poisso10.gif"></a></FRAMESET> <XMP> <a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/poisso10.gif"></a> </XMP> <code><a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/poisso10.gif"></a></code> <pre><a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/poisso10.gif"></a></pre> 
Avec la bonne "bannière" :
Code:

1 2 <a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/bannie11.jpg"></a>
Rien ne fonctionne.

J'ai trouvé ce code :
Code:

1 2 3 4 5 6 7  <form method="post" action="NULL"> <textarea name="text" cols="50" rows="3" Wrap="Virtual"> <font face=arial size=2>Voici la balise FONT!</font> </textarea> </form> 
Voila ce qui apparaît dans la fenêtre :
Code:

1 2 <img src="http://i75.servimg.com/u/f75/11/05/96/54/poisso10.gif"></a>" cols="50" rows="3" Wrap="Virtual"> <font face=arial size=2>Voici la balise FONT!</font>
Je l'ai nettoyé :
Code:

1 2 3 4 5 6  <form method="post" action="NULL"> <textarea name="text" </textarea> </form> 
Et voila avec ma fausse bannière :
Code:

1 2 3 4 5 6 7  <form method="post" action="NULL"> <textarea name="<a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/bannie11.jpg"></a>" </textarea> </form> 
Malheureusement dans le fenêtre texte, il apparaît :

Code:

<img src="http://i75.servimg.com/u/f75/11/05/96/54/bannie11.jpg"></a>"

Au lieu de :
Code:

1 2 <a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/bannie11.jpg"></a>
Donc, il me manque le bout de code qui renvoi à la page.

Ce code doit être spécifique aux images. :?

Merci pour vos lumières.

Dans la série je parle toute seule....

J'ai trouvé, si ça intéresse un autre débutant :
Code:

1 2 3 <center><textarea> <a href="http://www.myspace.com/sauvez_bubulle"> <img src="http://i75.servimg.com/u/f75/11/05/96/54/bannie11.jpg"></a></textarea>
Bye.