Show Your Codes With a text box

Difficulty: Beginners Misc Advice

If you read the XMP tutorial then this is another version just with text area.

With the codes I will also Provide a CSS line to add to your style codes for a unique presentation when used on your site.

Note: When using textarea please keep in mind that ALL CODES ADDED IN BETWEEN WILL SHOW.

HTML Codes

<textarea>codes here</textarea>

Adding more features

Like a div box you can also change the width, height, color and other features.
Here is a common add-on that can be used. <textarea style=" width: 99%; height:30px;"> Codes Here</textarea> This helps if you want certain textarea boxes to be certain sizes.
A working example of the codes will be the lighter box with the pink border below.

CSS Codes

Heres mines as a starter. textarea, input, select{font:normal 8pt Lucida Sans Unicode; color:#ffffff; background-color: #70727E; border:1px solid #B68594;} You can also add width: 99%; height:XXpx; into your style tags above if you like the way it looks,Just replace XX with something like 100px or 150px.

Working Example

<b>Bold</b> <i>Italics</i> <u>Underline</u>
Same codes out side of the box:
Bold Italics Underline