Fazer uma caixa de código

O mais conhecido e o texteara


esse ele motra todos os codigos de HTML que estiver nessa parte


Codigo:


<textarea rows="3" name="S1" cols="23"> aqui vc pode coloca o que quizer </textarea] aqui vc troca o "]" por ">" pra fechar o codigo

Tem outro que é assim:

Ele é quase igual ao 1º

So q fica um fundo diferente e seleção do texto e mais rápida.

Codigo:

</b><p></p><center><p><textarea rows="7" onclick="this.focus(); this.select();" readonly="readonly" name="S1" cols="50">So q fica um fundo diferente e seleção do texto e mais rápida. So troque o "[" por "<" aqui > [/textarea></p><pre></pre></center>

O outro modo e diferente ele esconde os codigos HTML q estão no texto ou seja vc pode colocar uma lista de imagens,videos etc...

Esse eu nao aprendi a fecha-lo entao indico que coloque ele no fim do post que vc ira coloca-lo pq o que estiver antes todo o post vai entra na caixinha.

Codigo

<div style="border-style: ridge none dashed ridge; border-color: rgb(255, 255, 255) rgb(204, 204, 204) rgb(255, 255, 255) rgb(255, 255, 255); overflow: scroll; width: 500px; color: rgb(255, 255, 255); height: 300px; background-color: rgb(255, 255, 255);" align="center">