English 314: Technical Communication (Spring 2010)

To test a template, copy and paste the following code into the index.html files in the templates you have downloaded. Look for something like <div id="container"> or <div id="wrapper">, then paste the code between that tag an the </div> tag.

* * * * * *


<p>Sed scelerisque sagittis lorem <span class="alt">&amp;</span> phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>

<h1>Level 1 heading</h1>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>
<h2>Level 02 Heading</h2>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>
<h3>Level 03 Heading</h3>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>
<h4>Level 04 Heading</h4>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>

<h5>Level 05 Heading</h5>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>
<h6>Level 06 Heading</h6>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>
<blockquote><p>Paragraph inside Blockquote: Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.</p>
<p>Paragraph inside Blockquote: Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.</p></blockquote>
<address>Address: Example address 224, Sweden</address>
<pre><strong>Preformated:</strong>Testing one row
    and another</pre>

<p>I am <a href="?abc123">the a tag</a> example</p>
<p>I am <abbr title="test">the abbr tag</abbr> example</p>
<p>I am <acronym>the acronym tag</acronym> example</p>
<p>I am <strong>the b tag</strong> example<br />

I am <big>the big tag</big> example</p>
<p>I am <cite>the cite tag</cite> example</p>
<p>I am <code>the code tag</code> example<br />
I am <del>the del tag</del> example<br />

I am the dfn tag example</p>
<p>I am <em>the em tag</em> example</p>
<p>I am <span style="font-family: verdana">the font tag</span> example<br />
I am <em>the i tag</em> example<br />

I am <ins>the ins tag</ins> example</p>
<p>I am <kbd>the kbd tag</kbd> example</p>
<p>I am <q>the q tag </q><q>inside</q> a q tag example<br />
I am the s tag example</p>

<p>I am the samp tag example</p>
<p>I am the small tag example<br />
I am <span>the span tag</span> example<br />
I am <span style="text-decoration: line-through">the strike tag</span> example</p>
<p>I am <strong>the strong tag</strong> example</p>

<p>I am _{the sub tag} example<br />
I am ^{the sup tag} example<br />
I am <tt>the tt tag</tt> example</p>
<p>I am <var>the var tag</var> example</p>

<p>I am <span style="text-decoration: underline">the u tag</span> example</p>
<hr />
<ul>
<li>Unordered list 01</li>
<li>Unordered list 02</li>
<li>Unordered list 03
<ul>
<li>Unordered list inside list level 2</li>
<li>Unordered list inside list level 2
<ul>

<li>Unordered list inside list level 3</li>
<li>Unordered list inside list level 3</li>
</ul>
</li>
</ul>
</li>
</ul>
<ol>
<li>Ordered list 01</li>
<li>Ordered list 02</li>
<li>Ordered list 03
<ol>
<li>Ordered list inside list level 2</li>

<li>Ordered list inside list level 2
<ol>
<li>Ordered list inside list level 3</li>
<li>Ordered list inside list level 3</li>
</ol>
</li>
</ol>
</li>
</ol>
<dl>
<dt>Description list title 01</dt>
<dd>Description list description 01</dd>
<dt>Description list title 02</dt>

<dd>Description list description 02</dd>
<dd>Description list description 03</dd>
</dl>
<table border="0">
<caption>Table Caption</caption>
<thead>
<tr>
<th>Table head th</th>
<td>Table head td</td>
</tr>
</thead>
<tfoot>

<tr>
<th>Table foot th</th>
<td>Table foot td</td>
</tr>
</tfoot>
<tbody>
<tr>
<th>Table body th</th>
<td>Table body td</td>
</tr>
<tr>
<td>Table body td</td>

<td>Table body td</td>
</tr>
</tbody>
</table>
<form action="#"> <fieldset><br />
<legend>Form legend</legend></p>
<div><label for="f1">Text input:</label>
</div>
<div><label for="f2">Radio input:</label>
</div>
<div><label for="f3">Checkbox input:</label>

</div>
<div><label for="f4">Select field:</label><br />
Option 01Option 02</div>
<div><label for="f5">Textarea:</label><br />
<textarea cols="30" rows="5">Textarea text</textarea></div>
<div><label for="f6">Button:</label>
</div>
<p></fieldset><br />
</form>
<p>Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.</p>