Line 66: | Line 66: | ||
<div class="clear"> </div> | <div class="clear"> </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 106: | Line 71: | ||
+ | <div class="column half_size"> | ||
<div class="column forth_size"> | <div class="column forth_size"> | ||
<h3> Unordered Lists </h3> | <h3> Unordered Lists </h3> | ||
Line 153: | Line 119: | ||
</div> | </div> | ||
+ | </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> | ||
+ | <ul> | ||
+ | |||
+ | <li> Cold Colors </li> | ||
+ | <li> Warm Colors | ||
+ | <ol> | ||
+ | <li> Red </li> | ||
+ | <li> Orange </li> | ||
+ | <li> Yellow </li> | ||
+ | </ol> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </pre> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
Revision as of 03:08, 13 December 2016
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:
- Milk
- Eggs
- Flour
Nested Lists
Here is an example of a nested list.
- Cold Colors
- Warm Colors
- Red
- Orange
- Yellow
<ul>
<li> Cold Colors </li>
<li> Warm Colors
<ol>
<li> Red </li>
<li> Orange </li>
<li> Yellow </li>
</ol>
</li>
</ul>
<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>