Tutorial: Example Source code
<head>
<style type="text/css">
.title{
background-color:#ffffff;
font-size:30px;
color:#2a2a2a;
}
.header{
background-color:#ffffff;
font-size:20px;
color:#2a2a2a;
}
.body{
background-color:#ffffff;
font-size:15px;
color:#2a2a2a;
}
.reference{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background:#CCC url('http://sdf.org/tutorials/images/ref.png') 5px 5px no-repeat;
color: #000;
margin: 10px 5px;
}
.link { text-decoration:none }
.superscript{
font-size:10px;
vertical-align:top;
}
.subscript{
font-size:10px;
vertical-align:bottom;
}
.note{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background: #DC143C url('http://sdf.org/tutorials/images/note.png') 5px 5px no-repeat;
color: #FFF;
margin: 10px 5px;
}
.code{
border: 1px dotted #000;
text-align: left;
padding: 5px;
padding: 15px 30px 15px;
background:#2F4F4F url('http://sdf.org/tutorials/images/code.png') 5px 5px no-repeat;
color: #00FF00;
margin: 10px 5px;
font-family: monospace;
}
table.table {
border-width: 0px;
border-spacing: 0px;
border-style: none;
border-collapse: collapse;
background-color: #1E90FF;
}
table.table th {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: white;
background-color: #A0522D;
-moz-border-radius: ;
padding: 10;
}
table.table td {
border-width: 1px;
padding: 1px;
border-style: inset;
border-color: white;
background-color: #FFEBCD;
-moz-border-radius: ;
padding: 5;
}
</style>
</head>
<h1 class="title">Here is a test for the title format.</h1>
<h3 class="header">Here is a test for the header format.</h3>
<p class="body">Here is a test for the tutorial body format.</p>
<p class="note"><br>Here is a test for a note/warning/tip.</p>
<p class="code"><br>Here is a test for the code format.</p>
<p class="reference"><br>Here is a test for the reference format.</p>
<table class="table">
<tr><th> </th>
<th>Table Header 1</th>
<th>Table Header 2</th>
</tr>
<tr>
<th>Table Header 3</th>
<td>TABLE DATA</td>
<td>TABLE DATA</td>
</tr>
<tr>
<th>Table Header 4</th>
<td>TABLE DATA</td>
<td>TABLE DATA</td>
</tr>
<tr>
<th>Table Header 5</th>
<td>TABLE DATA</td>
<td>TABLE DATA</td>
</tr>
</table>
<dl>
<dt>Section 1</dt>
<dd>Section 1.1</dd>
<dd>Section 1.2</dd>
<dd>Section 1.3</dd>
<dt>Section 2</dt>
<dd>Section 2.1</dd>
<dt>Section 3</dt>
<dd>Section 3.1</dd>
<dd>Section 3.2</dd>
<dt>Section 4</dt>
<dd>Section 4.1</dd>
<dd>Section 4.2</dd>
</dl>
<a class="link" href="http://www.example.com">Example link</a>
<br>
<img src="http://sdf.org/tutorials/images/example.png" alt="Example" height="128" width="128"/><br>
<br>
<pre class="reference">
Book:
Author's last name, first initial. (Publication date). Book title. Additional information. City of publication: Publishing company.
Encyclopedia & Dictionary:
Author's last name, first initial. (Date). Title of Article. Title of Encyclopedia (Volume, pages). City of publication: Publishing company.
Magazine & Newspaper Articles:
Author's last name, first initial. (Publication date). Article title. Periodical title, volume number(issue number if available), inclusive pages.
Online periodical:
Author's name. (Date of publication). Title of article. Title of Periodical, volume number, Retrieved month day, year, from full URL
Online document:
Author's name. (Date of publication). Title of work. Retrieved month day, year, from full URL
</pre>
$Id$