Box contenente codice Html

per creare una box area come questa

QUI INSERISCI IL CODICE CHE VORRAI FAR PRELEVARE figura b
bisogna prelevare questo codice :

<textarea style="BORDER-BOTTOM-STYLE: solid; BORDER-BOTTOM-COLOR: #c42eea; BORDER-RIGHT-STYLE: solid; BACKGROUND-COLOR: #ffffff; BORDER-TOP-COLOR: #c42eea; FONT-FAMILY: verdana; BORDER-TOP-STYLE: solid; COLOR: #c42eea; BORDER-RIGHT-COLOR: #c42eea; FONT-SIZE: 10px; BORDER-LEFT-STYLE: solid; BORDER-LEFT-COLOR: #c42eea" onfocus="this.select()" onmouseover="this.focus()" rows="1" cols="10" name="S1">QUI INSERISCI IL CODICE CHE VORRAI FAR PRELEVARE
mentre per crearne una come questa


INSERISCI QUI IL TUO CODICE HTMLil codice è

<textarea rows="2" cols="8">INSERISCI QUI IL TUO CODICE HTMLfigura a
mi sembra elementare che al posto di inserisci il tuo codice html dovrete incollare sia nell'una che nell'altra il codice html che volete far prelevare...
la differenza tra figura A e figura B,è che nella figura A il codice si seleziona non appena si passa il mouse mentre nell figura b no.

Per modificare la lunghezza della vostra area basta modificare il paramentro cols, mentre per modificare l'altezza bisogna modificare il paramentro rows...che invece di 2 potrebbe essere 4 5 6 ....etc... a vostra scelta e uguale per modificare la larghezza(cols) che potrebbe essere invece di 8 9 10 50 55 ...etc... secondo le vostre preferenze.