HTML/CSS/Text/samp
Create Console window like style to display code
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Phrase elements</title> <style type="text/css"> samp {
background: #000; border: 3px groove #ccc; color: #ccc; display: block; padding: 5px; width: 300px;
} </style> </head> <body>
This is a test. This is a test.
Content-type: text/html
<h1>Hello World</h1>
</body> </html>
</source>
samp Element for Sample Program Output
<source lang="html4strict">
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>
<title>Representing Code, Keyboard Instructions and Programming Variables</title>
</head> <body>
The <samp> Element for Sample Program Output
This is the output from our test script.
</body> </html>
</source>