View source for HQ:Code Documentation

{{Main2017}}
<html>


<div class="column full_size">
<h1> Code Documentation </h1>

<p> Use this guide to help you create wiki pages ! </p>
</div>


<div class="column full_size">
<h3> Color Palette </h3>

<table> 
<tr height="60px">
<td bgcolor="#000000" width="196px"></td>
<td bgcolor="#D3D3D3" width="196px"></td>
<td bgcolor="#F2F2F2" width="196px"></td>
<td bgcolor="#FFFFFF" width="196px"></td>
<td bgcolor="#72c9b6" width="196px"></td>

</tr>
<tr align="center">
<td >#000000</td>
<td>#D3D3D3</td>
<td >#F2F2F2</td>
<td >#FFFFFF</td>
<td >#72c9b6</td>
</tr>
</table>

</div>

<div class="clear"></div>


<div class="column half_size">
<h3> Text </h3>
<p> To write text use the < p > tag </p> 

<div class="highlight">
<pre>
&#60;p&#62; Text  &#60;/p&#62;
</pre>
</div>
</div>




<div class="column half_size">
<h3> Links </h3>
<p> When creating links use the < a > tag, links will display : <a href =""> Example </a>  </p>

<div class="highlight">
<pre>
&#60;a href="link url "&#62; LINK &#60;/a&#62;
</pre>
</div>

</div>




<div class="clear"> </div>


<div class="column half_size">
<h3> Nested  Lists </h3>
<p> Here is an example of a nested list. </p>
   <ul>

      <li> Cold Colors </li>
      <li> Warm Colors
         <ol>
            <li> Red </li>
            <li> Orange </li>
            <li> Yellow </li>
         </ol>
      </li>

   </ul>

<div class="highlight">
<pre>
   &#60;ul&#62;

      &#60;li&#62; Cold Colors &#60;/li&#62; 
      &#60;li&#62; Warm Colors 
         &#60;ol&#62;
            &#60;li&#62; Red  &#60;/li&#62;
            &#60;li&#62; Orange &#60;/li&#62;
            &#60;li&#62; Yellow &#60;/li&#62;
         &#60;/ol&#62;
      &#60;/li&#62;

   &#60;/ul&#62;
</pre>
</div>
</div>





<div class="column forth_size">
<h3> Unordered Lists </h3>
<p>Use the following example to create a simple list.  <br> <b> Painting materials: </b></p>
<ul> 

   <li> Brushes </li> 
   <li> Acrylic paint </li> 
   <li> Watercolors </li> 

</ul> 


</div>


<div class="column forth_size">
<div class="highlight">
<pre>
&#60;b&#62;Painting Materials&#60;/b&#62;

&#60;ul&#62; 

 &#60;li&#62; Brushes  &#60;/li&#62; 
 &#60;li&#62; Acrylic paint &#60;/li&#62;  
 &#60;li&#62; Watercolors &#60;/li&#62; 

&#60;/ul&#62; 

</pre>
</div>
</div>



<div class="column forth_size">
<h3> Numbered Lists </h3>
<p>To create a numbered list, use the following example: <br> 
<b> Things to buy: </b></p>
<ol> 

   <li> Milk </li> 
   <li> Eggs </li> 
   <li> Flour </li> 
</ol> 


</div>





<div class="column forth_size">
<pre>
&#60;b&#62;Things to buy: &#60;/b&#62;

&#60;ol&#62; 

 &#60;li&#62; Milk &#60;/li&#62; 
 &#60;li&#62; Eggs &#60;/li&#62; 
 &#60;li&#62; Flour &#60;/li&#62; 

&#60;/ol&#62; 

</pre>
</div>