Html code
|
CODE |
<KBD>Keyboard Input</KBD>
<CODE>Program Code</CODE>
<VAR>A Program Variable</VAR>
<SAMP>Sample Program Output</SAMP>
Generally, VAR is rendered in italics, the others are rendered in a monospace, pre-formatted typeface.
|
Example Usage
Note that all < and > symbols between tags must use their HTML &entity; format to be displayed on the page.
|
CODE |
<H1>JavaScript Example</H1>
<P>In this example, a user types in their
<KBD>FirstName LastName</KBD>, and the JavaScript below
writes it into the page like this:
<P><SAMP>Hello, FirstName LastName!</SAMP>
<P><CODE>
<SCRIPT LANGUAGE="JavaScript"><BR>
<!--<BR>
function writeHello(<VAR>username</VAR>) {<BR>
document.write("Hello, "
+ <VAR>username</VAR> + "!");<BR>
}<BR>
// --><BR>
</SCRIPT></CODE>
|
|
BROWSER |
JavaScript Example
In this example, a user types in their FirstName LastName, and the JavaScript below writes it into the page like this:
Hello, FirstName LastName!
<SCRIPT LANGUAGE="JavaScript">
<!--
function writeHello(username) {
document.write("Hello, " + username + "!");
}
// -->
</SCRIPT>
|
Same Example With Style Sheets
The distinction between them can be made better through the use of style sheets. (The source code has been color-coded to help you see what's going on a little better.)
| CODE |
<HEAD>
<STYLE TYPE="text/css">
KBD {
background-color: #FFFF00;
}
SAMP {
color: #000066;
border: thin solid #006699;
padding: 3px;
margin: 2px;
}
CODE {
color: #006600;
}
VAR {
color: #FF0000;
}
</STYLE>
</HEAD>
<BODY>
<H1>Same Example With Style Sheets</H1>
<P>In this example, a user types in their
<KBD>FirstName LastName</KBD>, and the JavaScript below
writes it into the page like this:
<P><SAMP>Hello, FirstName LastName!</SAMP>
<P><CODE>
<SCRIPT LANGUAGE="JavaScript"><BR>
<!--<BR>
function writeHello(<VAR>username</VAR>) {<BR>
document.write("Hello, "
+ <VAR>username</VAR> + "!");<BR>
}<BR>
// --><BR>
</SCRIPT></CODE>
</BODY>
|
| BROWSER |
Same Example With Style Sheets
In this example, a user types in their FirstName LastName, and the JavaScript below writes it into the page like this:
Hello, FirstName LastName!
<SCRIPT LANGUAGE="JavaScript">
<!--
function writeHello(username) {
document.write("Hello, " + username + "!");
}
// -->
</SCRIPT>
|
Html code source code
|