The introduction starts immediately after the title of the article. It's how you start your piece and is just plain text. 

This article is for staff and volunteers, to help them format articles correctly before publishing.

<img src='http://www.scarleteen.com/sites/files/scarleteen/create%20content.png'/>

It's recommened you save your original article in a plain text editor. You can incorporate the correct code (which you can copy and paste from this article) in that plain text editor. When you think it's ready you can go to create article in the top left of the scarleteen website (when you have the correct privillages)

<hr>

Within the text you can <em>emphasize</em>/<i>italicise</i> or <b>bold</b>/<strong>strong</strong> your text using these bits of html code.

<xmp><em>Emphasized</em></xmp>
<xmp><i>Italicized</i></xmp>
<xmp><strong>Strong</strong></xmp>
<xmp><b>Bolded</b></xmp>

<hr>

You can also turn <a href="http://www.scarleteen.com">text which refers to another article or resource</a> into a link using this code:

<xmp><a href="http://www.scarleteen.com">text which refers to another article or resource</a></xmp>

<hr>

<blockquote>This is what it looks like when you embed a quote</blockquote>

Use this code to create a quote like that: <xmp><blockquote>This is what it looks like when you embed a quote</blockquote></xmp>

<hr>

To create an unordered list (i.e. with bullet points) like this:

<ul>
	<li>First item</li>
	<li>Second item</li>
</ul>

...use this code <xmp><ul><li>First item</li><li>Second item</li></ul></xmp>

<hr>

To create an ordered list (i.e. with numbers)  like this:

<ol>
	<li>First item</li>
	<li>Second item</li>
</ol>

... use this code <xmp><ol><li>First item</li><li>Second item</li></ol></xmp>

<hr>

<h3>For the for the format we use for most subtitles</h3>

... use this code

<xmp><h3>For the for the format we use for most subtitles</h3></xmp>

<h2>Use h2 to have this bigger format we use for sections of of bigger articles</h2>

<h4>h4 for something smaller</h4>

<h5>h5 for something even smaller</h5>

<h6>and h6 for something even even smaller</h6>

<hr>
<img alt="Description" src="http://www.scarleteen.com/sites/files/scarleteen/left.png" style="float:left" />
<img alt="Description" src="http://www.scarleteen.com/sites/files/scarleteen/right.png" style="float:right" />
<br><br><br><br><br>
An image floating on the right-hand side of an article can be created using
<xmp><img alt="Description" src="http://www.scarleteen.com/sites/files/scarleteen/left.png" style="float:right; height:130px; width:88px" /></xmp>

An image floating on the left-hand side of an article can be created using
<xmp><img alt="Description" src="http://www.scarleteen.com/sites/files/scarleteen/right.png" style="float:left; height:130px; width:88px" /></xmp>


<hr>

One of those lines to indicate a break can be created by using this code 
<xmp><hr></xmp>

<hr>

To create a table like this...
<p>
<table border="1" cellpadding="3" cellspacing="3">
<thead>
<tr>
<th>Header of the first column</th>
<th>Header of a new column (add another &lt;th&gt;'Header'&lt;/th&gt; to make another column)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Content of the first cell in this row</td>
<td>Content of the second cell in this row</td>
</tr>
<tr>
<td>Content of the first cell in this row</td>
<td>Content of the second cell in this row</td>
</tr>
<tr>
<td>Content of the first cell in this row</td>
<td>Content of the second cell in this row</td>
</tr>
</tbody>
</table>
</p>
...copy paste this code:

<xmp><table border="1" cellpadding="3" cellspacing="3">
<thead>
<tr>
<th>Header of the first column</th>
<th>Header of a new column (add another &lt;th&gt;'Header'&lt;/th&gt; to make another column)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Content of the first cell in this row</td>
<td>Content of the second cell in this row</td>
</tr>
<tr>
<td>Content of the first cell in this row</td>
<td>Content of the second cell in this row</td>
</tr>
<tr>
<td>Content of the first cell in this row</td>
<td>Content of the second cell in this row</td>
</tr>
</tbody>
</table></xmp>