Programming: <code>

The <code> element defines programming code:

HTML file: Displayed by browser:
<code>
var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }
</code>
var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }
<p style="color:blue">The CODE element does <strong>not</strong> preserve extra <strong>whitespace</strong> and <strong>line-breaks</strong>!</p>

<code>
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
}
</code>

The CODE element does not preserve extra whitespace and line-breaks!

var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }
<p style="color:blue">BUGGER!! To fix this, wrap the code in a PRE element:</p>

<code>
<pre>
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

BUGGER!! To fix this, wrap the code in a PRE element:

 
var person = { 
    firstName:"John", 
    lastName:"Doe", 
    age:50, 
    eyeColor:"blue" 
}

This is just like the poetry problem.

Back buttonTable of ContentsNext button