Difference between revisions of "HQ:Code Documentation"

Line 171: Line 171:
  
 
</pre>
 
</pre>
 +
</div>
 +
 +
 +
 +
<div class="clear"></div>
 +
 +
 +
 +
<div class="column half_size">
 +
 +
<h3> Tables</h3>
 +
<p> Tables created within in a page already have styling and will display:</p>
 +
<table>
 +
<tr>
 +
<th> Header 1  </th> <th> Header 2 </th>
 +
</tr>
 +
 +
<tr>
 +
<td> Content A 1 </td> <td>Content B 1 </td>
 +
</tr>
 +
 +
<tr>
 +
<td> Content A 2 </td> <td>Content B 2 </td>
 +
</tr>
 +
</table>
 +
</div>
 +
 +
 +
 +
 +
<div class="column half_size">
 +
<pre>
 +
&#60;table&#62;
 +
 +
&#60;tr&#62;
 +
&#60;th&#62;  Header 1  &#60;/th&#62;  &#60;th&#62;  Header 2 &#60;/th&#62;
 +
&#60;/tr&#62;
 +
 +
&#60;tr&#62; 
 +
&#60;td&#62;  Content A 1 &#60;/td&#62;  &#60;td&#62; Content B 1 &#60;/td&#62; 
 +
&#60;/tr&#62;
 +
 +
&#60;tr&#62;
 +
&#60;td&#62;  Content A 2 &#60;/td&#62;  &#60;td&#62; Content B 2 &#60;/td&#62;
 +
&#60;/tr&#62;
 +
 +
&#60;/table&#62;
 +
</pre>
 +
 
</div>
 
</div>

Revision as of 00:29, 13 December 2016

MENU
Loading...

Code Documentation

Use this guide to help you create wiki pages !

Color Palette

#000000 #D3D3D3 #F2F2F2 #FFFFFF #72c9b6

Text

To write text use the < p > tag 

<p> Text  </p>

Links

When creating links use the < a > tag, links will display : Example 

<a href="link url "> LINK </a>

Nested Lists

Here is an example of a nested list.

  • Cold Colors
  • Warm Colors
    1. Red
    2. Orange
    3. Yellow 
   <ul>

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

   </ul>

Unordered Lists

Use the following example to create a simple list.
Painting materials:

  • Brushes
  • Acrylic paint
  • Watercolors 
<b>Painting Materials</b>

<ul> 

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

</ul>

Numbered Lists

To create a numbered list, use the following example:
Things to buy:

  1. Milk
  2. Eggs
  3. Flour 
<b>Things to buy: </b>

<ol> 

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

</ol>

Tables

Tables created within in a page already have styling and will display:

Header 1 Header 2
Content A 1 Content B 1
Content A 2 Content B 2 
<table> 

<tr> 
<th>  Header 1  </th>  <th>  Header 2 </th> 
</tr> 

<tr>  
<td>  Content A 1 </td>  <td> Content B 1 </td>  
</tr> 

<tr> 
<td>  Content A 2 </td>  <td> Content B 2 </td> 
</tr> 

</table>