How to show HTML/Javascript Codes in Blog Posts?

Well, this question haunts every newbie blogger who's area of blogging is related to HTML/Javascript/Coding or trips related to Blogging or Orkutting.

Suppose you enter some codes to be published as it is i.e in raw form. When you publish the posts, they will go hidden! But you wanted exactly the opposite, you wanted to show the raw codes!

For this there is a simple trick - using the textarea tag

<textarea cols="100" rows="4">Your Code</textarea>

Here, in place of Your Code, write your actual code.

See a sample box below

This trick actually inserts the code in the box so that people can easily copy and use it !