04-preface.html

<section data-type="preface">
<h1>Prefaces are cool</h1>

<section data-type="sect1">
<h1>My first title</h1>

<blockquote>
<p>Congratulations <a id="hi" name="hi"></a>on starting your new project! We've added some skeleton files for you, to help you get started, but you can delete any or all of them, as you like. In the file called chapter.html, we've added some placeholder content showing you how to markup and use some basic book elements, like notes, sidebars, and figures.</p>

<pre class="prettyprint">
hello world</pre>

<p>&nbsp;</p>
</blockquote>

<section data-type="sect2">
<h2>Section Title</h2>

<p>Section content goes here</p>

<table align="left" border="1" cellpadding="1" cellspacing="1" style="width: 500px;" summary="this is a little table.">
	<caption>Look, a table.</caption>
	<thead>
		<tr>
			<th scope="col">1</th>
			<th scope="col">2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>a</td>
			<td>a</td>
		</tr>
		<tr>
			<td>a</td>
			<td>a</td>
		</tr>
	</tbody>
</table>

<p>&nbsp;</p>
</section>

<div data-type="warning">
<h1>Helpful Warning Title</h1>

<p>Please be warned about something important!</p>
</div>

<p><img class="iimages933920_554500827918992_1502369409_njpg" src="images/933920_554500827918992_1502369409_n.jpg" /><img class="iimages933920_554500827918992_1502369409_njpg" src="images/933920_554500827918992_1502369409_n.jpg" />&nbsp;</p>

<section data-type="sect2">
<h2>Section TitleI&nbsp;</h2>

<p><a href="http://www.oreilly.com">Section</a> <u><em>content</em></u> goes <strong><a href="#hi">here</a>.&nbsp;</strong></p>

<ol>
	<li><strong>item 1</strong></li>
</ol>

<p><strong>​item 1a</strong></p>

<ol>
	<li><strong>item 2</strong></li>
</ol>

<ul>
	<li><strong>​</strong></li>
</ul>

<p>&nbsp;</p>
</section>
</section>
</section>