Line 342: |
Line 342: |
| | | |
| <h3>List</h3> | | <h3>List</h3> |
| + | |
| + | <ul> |
| + | <li><b>ul</b> : unordered list</li> |
| + | <li><b>ol</b> : ordered list</li> |
| + | <li><b>li</b> : list item</li> |
| + | </ul> |
| | | |
| <table class="wikitable markupTable"> | | <table class="wikitable markupTable"> |
Line 392: |
Line 398: |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td class="markup half"><span style="color: #007700"><ol></span><br/><span style="color: #007700"> <li></span>Element 1<span style="color: #007700"></li></span><br/><span style="color: #007700"></ol></span><br/><span style="color: #007700"><ol</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">"highlighted mw-collapsible-content"</span><span style="color: #0000CC"> start=</span><span style="background-color: #fff0f0">"2"</span><span style="color: #007700">></span><br/><span style="color: #007700"> <li></span>Element 2<span style="color: #007700"></li></span><br/><span style="color: #007700"></ol></span></td>
| + | <td class="markup half"><span style="color: #007700"><ol></span><br/><span style="color: #007700"> <li></span>Element 1<span style="color: #007700"></li></span><br/><span style="color: #007700"></ol></span><br/><span style="color: #007700"><ol</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">"highlighted mw-collapsible-content"</span><span style="color: #0000CC"> start=</span><span style="background-color: #fff0f0">"2"</span><span style="color: #007700">></span><br/><span style="color: #007700"> <li></span>Element 2<span style="color: #007700"></li></span><br/><span style="color: #007700"></ol></span></td> |
− | <td class="half">
| + | <td class="half"> |
− | <div class="mw-collapsible" data-expandtext="Show Detailed View" data-collapsetext="Hide Detailed View">
| + | <div class="mw-collapsible" data-expandtext="Show Detailed View" data-collapsetext="Hide Detailed View"> |
− | <div class="mw-collapsible-toggle btn" style="float: left; display: block;">
| + | <div class="mw-collapsible-toggle btn" style="float: left; display: block;"> |
− | <div class="toggle mw-collapsible-toggle-collapsed" role="button" tabindex="0"><span class="mw-collapsible-text">Hide Detailed View</span></div>
| + | <div class="toggle mw-collapsible-toggle-collapsed" role="button" tabindex="0"><span class="mw-collapsible-text">Hide Detailed View</span></div> |
− | </div><br/><br/>
| + | </div><br/><br/> |
− | <ol>
| + | <ol> |
− | <li>Element 1</li>
| + | <li>Element 1</li> |
− | </ol>
| + | </ol> |
− | <ol class="highlighted mw-collapsible-content" start="2">
| + | <ol class="highlighted mw-collapsible-content" start="2"> |
− | <li>Element 2</li>
| + | <li>Element 2</li> |
− | </ol>
| + | </ol> |
− | </div>
| + | </div> |
− | </td>
| + | </td> |
− | </tr>
| + | </tr> |
| </table> | | </table> |
| | | |
| <h3>Tables</h3> | | <h3>Tables</h3> |
| + | |
| + | <table> |
| + | <tr> |
| + | <td><b> • table :</b></th> |
| + | <td><i>(tag)</i></td> |
| + | <td>Table</td> |
| + | </tr> |
| + | <tr> |
| + | <td><b> • tr :</b></th> |
| + | <td><i>(tag)</i></td> |
| + | <td>Table Row</td> |
| + | </tr> |
| + | <tr> |
| + | <td><b> • th :</b></th> |
| + | <td><i>(tag)</i></td> |
| + | <td>Table Header</td> |
| + | </tr> |
| + | <tr> |
| + | <td><b> • td :</b></th> |
| + | <td><i>(tag)</i></td> |
| + | <td>Table Detail</td> |
| + | </tr> |
| + | <tr> |
| + | <td><b> • wikitable :</b></th> |
| + | <td><i>(class)</i></td> |
| + | <td>Adds the Wikipedia table style to a table.</td> |
| + | </tr> |
| + | <tr> |
| + | <td><b> • sortable :</b></th> |
| + | <td><i>(class)</i></td> |
| + | <td>Adds sortable functionnality to a table.</td> |
| + | </tr> |
| + | </table> |
| + | |
| + | <table class="wikitable markupTable"> |
| + | <tr> |
| + | <th>Markup</th> |
| + | <th>Renders as</th> |
| + | </tr> |
| + | <tr> |
| + | <td class="markup half"><span style="color: #007700"><table</span> <span style="color: #0000CC">class=</span><span style="background-color: #fff0f0">"wikitable sortable"</span><span style="color: #007700">></span><br/><span style="color: #007700"> <tr></span><br/><span style="color: #007700"> <th></span>Header 1<span style="color: #007700"></th></span><br/><span style="color: #007700"> <th></span>Header 2<span style="color: #007700"></th></span><br/><span style="color: #007700"> </tr></span><br/><span style="color: #007700"> <tr></span><br/><span style="color: #007700"> <td></span>Detail 1<span style="color: #007700"></td></span><br/><span style="color: #007700"> <td></span>Detail 2<span style="color: #007700"></td></span><br/><span style="color: #007700"> </tr></span><br/><span style="color: #007700"> <tr></span><br/><span style="color: #007700"> <td></span>Detail 3<span style="color: #007700"></td></span><br/><span style="color: #007700"> <td></span>Detail 4<span style="color: #007700"></td></span><br/><span style="color: #007700"> </tr></span><br/><span style="color: #007700"></table></span> |
| + | </td> |
| + | <td class="half"> |
| + | <table class="wikitable sortable" style="margin-left:auto; margin-right:auto; "> |
| + | <tr> |
| + | <th>Header 1</th> |
| + | <th>Header 2</th> |
| + | </tr> |
| + | <tr> |
| + | <td>Detail 1</td> |
| + | <td>Detail 2</td> |
| + | </tr> |
| + | <tr> |
| + | <td>Detail 3</td> |
| + | <td>Detail 4</td> |
| + | </tr> |
| + | </table> |
| + | </td> |
| + | </tr> |
| + | </table> |
| | | |
| <h3>Links</h3> | | <h3>Links</h3> |
| + | |
| + | <table class="wikitable markupTable"> |
| + | <tr> |
| + | <th>Markup</th> |
| + | <th>Renders as</th> |
| + | </tr> |
| + | <tr> |
| + | <td></td> |
| + | <td></td> |
| + | </tr> |
| + | </table> |
| | | |
| <h3>References</h3> | | <h3>References</h3> |