Etiqueta de códigos para mi web

Hola, bueno quiero añadirle a mi web un apartado donde pegue los códigos de las aplicaciones que tengo hecha para que la gente la vea, y me gustaría que me ayuden a como poder mostrar algo como esto:
//Tener un cajetín como este para ponerlo en mi web y asi las gente pueda leer bien los códigos, para los colores y eso 

Un saludo
ya la utilizé, pero no me gusta porque no se ve con diferente colores los códigos, y encíma el usuario puede escribir en ella.. lo ideal seria tener una como estas:

<!--Que facilita la lectura-->>

o como esta:
$mas_facil_de_leer="Jejeje"; 
Creo que eso son las llamadas cajas BBCode, como no he encontrado como hacerlas de HTML/PHP te dejo una cosa que encontré aquí

Caja sencilla sin fondo:
[box]Este texto está incluido dentro de una caja[/box]

Caja compleja:
[box=#FFBFFF,#FF80FF,2]Esto es una caja personalizada[/box]

· El primer código (#FFBFFF) es el color de fondo de la caja.
· El segundo código (#FF80FF) es el color del borde de la caja.
· El tercer código (número mejor dicho, el 2) es el grosor del borde de la caja (En píxeles)
Muchacho textarea es una buena opcion que tiene como 15 o mas etiquetas aplicables para personalizarlo entre ellas para no seleccionar nada, color, opacidad de fuente, en fin estudialas y seguro te armas algo interesante.
O haz vista previa en este o cualquier foro, eso se hace con divs, lo mismo que tu dijiste se traduce a esto:

<div class="content">

<div id="post_message_267312">

<blockquote class="postcontent restore ">

ya la utilizé, pero no me gusta porque no se ve con diferente colores los códigos, y encíma el usuario puede escribir en ella.. lo ideal seria tener una como estas:<br />

<br />

<div class="bbcode_container">

<div class="bbcode_description">Código HTML:</div>

<pre class="bbcode_code" style="height:3*12px};"><i><span style="color:#000080">&lt;!--Que facilita la lectura--&gt;</span></i>&gt;</pre>

</div> o como esta:<div class="bbcode_container">

<div class="bbcode_description">Código PHP:</div>

<div class="bbcode_code"style="height:36px;"><code><code><span style="color: #000000">
<span style="color: #0000BB">$mas_facil_de_leer</span><span style="color: #007700">=</span><span style="color: #DD0000">"Jejeje"</span><span style="color: #007700">;&nbsp;
<br /></span><span style="color: #0000BB"></span>
</span>
</code></code></div>

</div>

</blockquote>

</div>





</div>
Bueno gracias chicos, estuve buscando por internet y encontre que hay un javascript llamado SyntaxHighlighter, muy bueno por lo que veo, lo intenter usar pero algunas cosas me daban error asi que no logré hacerlo funcionar bien) hay tienen el nombre para quien le interese. Bueno finalmente voy a poner una aplicacion de descargar el código en mi web asi practico para crear una aplicación que permitas las descargas jejee.

Un saludo.

pd: le hice algunas mejoras a mi pag, como ponerles algo de javascript y eso (ayoseprogramando.comocreartuweb.com) les invito a probarla y me ayuden a seguir mejorandola.
con todo el respeto este programa no me convence para nada ; pero es una opinión muy personal y quizás el usar textarea me este volviendo un comodón; jejjejeje

En fin para logra algo parecido a ese programa hay otras formas sin duda más sencilla y a la vez más manejables sobretodo si no sabes javascript.
jajaaj lantiga a mí tampoco me convence nada jeej, pero es lo unico que encontré.. y bueno ya le pondré más empeño, haber si jorgens ve este post y nos puede explicar como lo hiso el en este foro.
Las aplicaciones BBCODE ya están insertadas por defecto en vBulletin si mal no recuerdo
alternativa a textarea.

1.<blockquote> </blockquote>

2. <q></q>

Estas etiquetas que te propongo son básicamente para citar ;Pero puedes intentar darle otro uso.


Si por lo que sea no te gusta ninguna de la opciones que te dejo usa simplemente <code> </code> es una de la etiquetas html que menos se usan o yo por lo menos la he visto menos por ahí pero que sin duda creo que te gustara.