Difference between revisions of "HQ:Code Documentation"

Line 196: Line 196:
 
</tr>
 
</tr>
 
</table>
 
</table>
−
</div>
 
  
  
  
−
 
+
<div class="highlight">
−
<div class="column half_size">
+
 
<pre>
 
<pre>
 
&#60;table&#62;  
 
&#60;table&#62;  
Line 220: Line 218:
 
</pre>
 
</pre>
  
 +
</div>
 
</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>