Difference between revisions of "HQ:Code Documentation"

Line 129: Line 129:
  
 
</pre>
 
</pre>
 +
</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>
 +
 +
 +
<div class="column half_size">
 +
<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>

Revision as of 00:23, 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>

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>

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>