Tabletest

From WikiEducator
Jump to: navigation, search

ALL ABOUT TABLES (FROM MEDIAWIKI)



Tables are an integral part in development of an OER. Wiki provides an in-built syntax to author Tables in wiki pages using wikicode formatting to define the table. XHTML table elements and their use are well described on various web pages and will not be discussed here. The benefit of wikicode is that the table is constructed of character symbols which tend to make it easier to perceive the table structure in the article editing view compared to XHTML table elements.MediaWiki
As a general rule, it is best to avoid using a table unless you need one. Table markup often complicates page editing.

Bulleted and Numbered Lists

There are two types of lists that can easily be created in the wiki. The first is a bulleted list (sometimes called an unordered list), and the other is a numbered list. There is no button on the Editor toolbar to create lists so you will need to create them by hand using this simple syntax.

Description You type You get
Bulleted list

* one
* two
** two point one
* three

  • one
  • two
    • two point one
  • three
Numbered list

# one
# two
## two point one
# three

  1. one
  2. two
    1. two point one
  3. three

In short, bulleted lists are created by using asterisks (*), while numbered lists are created using hashes (#). Notice that you can also embed or nest lists within other lists by adding more asterisks or hashes like this:

Bulleted list

 * lists are easy
 * start each line
 * with an asterisk
 ** or two
 ** to nest a list
 
* lists are necessary
* lists are useful
* lists should be used

  • lists are easy
  • start each line
  • with an asterisk
    • or two
    • to nest a list

Numbered list

You will use the following syntax for a numbered list:

 # ordered lists are good
 # and very easy to follow
 ## like this
 ## and this
 
# ordered lists are good

# and very easy to follow

# should be utilised


  1. ordered lists are good
  2. and very easy to follow
    1. like this
    2. and this



Icon activity.jpg
Activity

Make a To Do list in your sandbox and list some of the tasks you would like to attend to in the wiki or need to complete today. Experiment with "nested" bullets and number lists - that is sub-elements of your list.



Icon present.gif
Tip: Some common mistakes that you can avoid include:
  • Leaving a space before the asterisk (*) - the asterisk must be place against the left margin.
  • Leaving an open line between two items in a numbered list - in this case the numbers will not continue in sequence.


Mixing list types



Icon qmark.gif

Self Assessment

Is it possible to mix types of lists? For example nested bullets in a numbered list.


Yes it is possible to mix list types as in the example below.

  1. The first item in the list
  2. The second item in the list
    • The first nested bullet
    • The second nested bullet
  3. The third item in the list

This is the syntax we used for the example above:

 # The first item in the list
 # The second item in the list
 #* The first nested bullet
 #* The second nested bullet
 # The third item in the list
 

# The first item in the list 

# The second item in the list 

* The first nested bullet 

* The second nested bullet  

# The third item in the list



Contact-new.svgPankaj Khare
Overview of your experience in this online training:Please note that all contributions to WikiEducator are considered to be released under the Creative Commons Attribution
Three things that you liked best during this online training:Please note that all contributions to WikiEducator are considered to be released under the Creative Commons Attribution
Suggestions (if any) for future such online training:Please note that all contributions to WikiEducator are considered to be released under the Creative Commons Attribution




table.wikitable, table.prettytable { margin: 1em 1em 1em 1em; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; }

media="screen" table { font-size: 100%; color: black; background-color: white; } user agent stylesheettable { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; }