HTML for Thesis Type Template

Mark Settle created the Thesis Type Template to show off Thesis’s typographical wizardry. When creating a website, cut-and-paste this HTML into a test page and intermittently click Refresh to ensure that every element of your design looks swell:

<p class="note"><a href="http://marksettle.com">Mark Settle</a> created the <em>Thesis Type Template</em> to show off Thesis's typographical wizardry. When creating a website, cut-and-paste <a href="http://www.bigbigbangcreative.com/html-for-thesis-type-template/">this HTML</a> into a test page and intermittently click <em>Refresh</em> to ensure that every element of your design looks swell.</p>

<span class="drop_cap">T</span>his is a drop-cap. It adds a touch of class to a page, but only works on more traditional pages. Don't use it if your site is already overly-ornamented. If you do use it, do so consistently. It might only be appropriate to use for the first paragraph on a page.
<h3>Paragraph</h3>
If you're just getting started with Wordpress, there are a couple <a title="Getting Started with Wordpress" href="http://www.problogdesign.com/wordpress/the-ultimate-guide-to-setting-up-wordpress-after-an-install/">things you should know</a>. First of all, get <a href="http://diythemes.com/">Thesis</a>. Second, write regularly. Third, only use inline styles like <strong>Strong</strong>, <em>Emphasis</em> and <span style="text-decoration: line-through;">Strikethrough</span> when absolutely necessary.
<h3>Table</h3>
<table id="mark_box_table" style="text-align: left;" title="Schedule for Colorado State University Faith and Medicine Symposium" border="0" summary="Schedule for Colorado State University Faith and Medicine Symposium in Fort Collins, CO, October 17th, 2009">
<thead>
<tr>
<th scope="col">Time</th>
<th scope="col">Event</th>
</tr>
</thead>
<tbody>
<tr>
<td>8:30 am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00 am</td>
<td>Blogs v. Journalism, with John Dvorak and Om Malik.</td>
</tr>
<tr>
<td>9:30 am</td>
<td>The Latest and Greatest, with Matt Mullenweg</td>
</tr>
<tr>
<td>10:15 am</td>
<td>Companies Love Company, with Mark Zuckerberg</td>
</tr>
<tr>
<td>12:15 pm</td>
<td>On the Shoulders of Giants, with Chris Pearson</td>
</tr>
</tbody></table>
<h3>Ordered List</h3>
This is an ordered list. Use it for things that have a natural order, like steps:
<ol>
	<li>Steal underwear</li>
	<li>???</li>
	<li>Profit!</li>
</ol>
<h3>Unordered List</h3>
This is an unordered list. Use it for things that don't have a natural order, like colors:
<ul>
	<li>Red</li>
	<li>Green</li>
	<li>Blue</li>
</ul>
<h3>Alert Class and Note Class</h3>
<p class="note">This is a paragraph in the note class, which can be used to call users to action. For example, encourage readers to check out your <a title="Mark Settle" href="http://marksettle.com">web design company</a>.</p>
<p class="alert">This is a paragraph in the alert class. Deliver warnings, or tell readers about your upcoming speech at an <a href="http://csufaithandmedicine.org">important symposium</a>.</p>

<h3>Pullquotes</h3>
<blockquote class="left">This is a left pullquote.</blockquote>
Remember that you are writing for the web. Place an emphasis on scanability. Make it easy for readers to find the information that they are looking for. Make paragraphs just a few sentences long, and break the text up with headings.
<blockquote class="right">Right pullquotes are less disruptive to body text than left pullquotes.</blockquote>
Pullquotes are mighty nice. Used correctly, they add visual interest and encourage users to read on. Just make sure that you place them in a paragraph of sufficient length, because otherwise, they look funny. Right pullquotes are less disruptive to body text than left pullquotes.
<h3>Blockquotes</h3>
Blockquotes are appropriate when you wish to quote a source at length.
<blockquote>On the same note, don’t be afraid to start over. If something isn’t working, close it up and trash it. If you think the navigation is too precious, remember how you did it, then start from that point in the next design. The goal is to refine, over and over.</blockquote>
<blockquote><cite>- Naz Hamid, <a href="http://www.alistapart.com/articles/designisinthedetails/">A List Apart</a></cite></blockquote>
<h3>Code, Code, Code</h3>
Thesis has a style for that.
<pre>sudo make me a sandwich</pre>
<h3>Address</h3>
Everyone's gotta live somewhere.

<address>Mark Settle
123 Happy Lane
Fort Collins, CO 80525</address>
<h3>h3 Heading</h3>
This is the primary heading you should use. Both the h1 and h2 headings are reserved for use with the header, and on post titles.
<h4>h4 Heading</h4>
The h4, h5 and h6 headings usually should not be used regularly. Use them to present lower-level information than is appropriate for h3 headings.
<h5>h5 Heading</h5>
The h4, h5 and h6 headings usually should not be used regularly. Use them to present lower-level information than is appropriate for h3 headings.
<h6>h6 Heading</h6>
The h4, h5 and h6 headings usually should not be used regularly. Use them to present lower-level information than is appropriate for h3 headings.

Mark Settle, 2009, <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported</a>
<p class="note"><a href="http://marksettle.com">Mark Settle</a> created the <em>Thesis Type Template</em> to show off Thesis's typographical wizardry. When creating a website, cut-and-paste <a href="http://www.bigbigbangcreative.com/html-for-thesis-type-template/">this HTML</a> into a test page and intermittently click <em>Refresh</em> to ensure that every element of your design looks swell.</p>