I know how to add code to a forum without it executing, you just add these tags:

[CODE][/CODE]

But, how do I do that on an html page where I want people to actually see the sample code?

You can't to a HTML page, it needs some scripting

http://www.webmaster-talk.com/html-f...tml#post294819

To display a section of text as program code, you just place it within html <code></code> tags and use css to style how it appears (advised you use a uniform character width font). So to have it display within a box your css definition might be something like

code {
    margin: 5px 0;
    padding: 10px;
    font: 0.9em/1.3em 'Lucida Console', 'courier new', monospace;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;  
    text-align: left;
    display: block;
    overflow: auto;  
}

A text area might work. Try it and see.

PHP Code:

<P><TEXTAREA name=textarea rows=4 cols=60> 

Copy your code and change the rows and columns above to match. (That may not be necessary, but that is the way I have it.  :)  ) 

</TEXTAREA></P> 


Originally Posted by tinaCEO

its very easy to add....
i don't want to tell about it.............

Then why post?


In fact WHY even join a forum, where the general principle is to SHARE knowledge?

the tag which u r saying......is cannot placed directly into the coding........
it need scripting...........
plain html doesnt support it........

Hi CyberWizard, I agree with bradwatson; I've done it for a PHP site (http://www.rimeducation.com/main/addToBlogOrWeb.php), but I'm not sure if it works the same for an HTML page.

However, I found that using Polystyle or Tidy on the page would break the format... all the <table></table> within the <textarea></textarea> needed to remain flush left on the page. I don't know if that is unique to this site or not, but something you might want to remember if troubleshooting.

Hmm, not exactly correct usage of html tags, but if you insist on using textarea for this, at least have the sense to give it the attribute readonly="yes"

Kelpie, thank you for your helpful comment.

personally I use both a <pre> elements and a <textarea> on the same page

http://www.modtalk.co.uk/article/c-a...gn/dhtml-tabs/

(use the "Click to switch code view" )

chrishirst, this is very helpful; thank you!

Put that code in a text area.
<textarea rows="2" cols="20">
you code goes here.
</textarea>

the best way to show users the main part of your page (code in your case) is to use some text formatting tags. It's wiill be better then text area and others way to do it. IMHO

Why not using a syntax highlighting script like

http://startbigthinksmall.wordpress....-highlighting/

When you design and build your own website at QuickontheNet.com, it is extremely easy to add third-party code to your web page. Embedding the code from another supplier is very easy and quite honestly, we could not make it any easier for you if we tried. The possibilities are endless! If you're in business, this feature can add many new opportunities to your business website service, allowing you to take online payments, sell products or services, show money-making advertising, display web search bars, show videos, play music or sound and present animations.