User:Asanchez/Sandbox/Training/VisualEditor

 WIKITEXT CHEATSHEET Condensed guide to Wikitext coding Click on sort icon to put list in alphabetical order {| style="width:900px; height:100%; border:2px solid green" class="sortable" ! style="width:150px; border:1px solid black; font-size:18px; padding:10px" | Description ! style="width:50%; border:1px solid black; font-size:18px; padding:10px" | Type ! style="border:1px solid black; font-size:18px; padding:10px" | You Get
 * - style="background:#FFE4B5"
 * style="border:1px solid black" | Headers
 * style="border:1px solid black" | ==Header 2==  ===Header 3===
 * style="border:1px solid black" | Header 2 Header 3
 * style="border:1px solid black" | Lists - unordered
 * style="border:1px solid black" | *Item one  *Item two   *Item three
 * style="border:1px solid black" |
 * Item one
 * Item two
 * item three
 * Item two
 * item three


 * style="border:1px solid black" | Lists - ordered
 * style="border:1px solid black" | #Item one  #Item two   #Item three
 * style="border:1px solid black" |
 * 1) Item one
 * 2) Item two
 * 3) item three
 * 1) item three

Lorem ipsum .....
 * style="border:1px solid black" | Links - internal
 * style="border:1px solid black" | Missouri  Double square brackets - Name of article - pipe - User-defined link name
 * style="border:1px solid black" | Missouri
 * style="border:1px solid black" | Links - external
 * style="border:1px solid black" | [ https:// familysearch.org (space) Family Search ] Single square brackets - URL of external link - space - User-defined link name
 * style="border:1px solid black" | Family Search Notice little box and arrow at the end of the name of the link.
 * style="border:1px solid black" | Comments
 * style="border:1px solid black" | (At least two dashes are required on either side of the comment)
 * style="border:1px solid black" | (No comments should appear)
 * style="border:1px solid black" | Categories
 * style="border:1px solid black" |
 * style="border:1px solid black" |
 * style="border:1px solid black" | Images
 * style="border:1px solid black" | [[File: name of image &#124; location on page &#124; size in px &#124; caption ]]
 * style="border:1px solid black" | IMAGE
 * style="border:1px solid black" | Paragraph
 * style="border:1px solid black" |  Lorem ipsum ....
 * style="border:1px solid black" |
 * style="border:1px solid black" | In-line style
 * style="border:1px solid black" | Lorem ipsum ....
 * style="border:1px solid black" |
 * style="border:1px solid black" | font-size
 * style="border:1px solid black" | Lorem ipsum ....
 * style="border:1px solid black" |
 * style="border:1px solid black" | font-size
 * style="border:1px solid black" | <p style=" font-size:16pt "&gt;Lorem ipsum ....
 * style="border:1px solid black" |
 * style="border:1px solid black" | <p style=" font-size:16pt "&gt;Lorem ipsum ....
 * style="border:1px solid black" |

Click here for all acceptable font styles
 * style="border:1px solid black" | font-family
 * style="border:1px solid black" | <p style=" font-family:times new roman "&gt;Lorem ipsum ....
 * style="border:1px solid black" | <p style=" font-family:times new roman "&gt;Lorem ipsum ....

Lorem ipsum .....
 * style="border:1px solid black" |

Click here for all acceptable colors
 * style="border:1px solid black" | font-color
 * style="border:1px solid black" | <p style=" color:blue "&gt;Lorem ipsum ....
 * style="border:1px solid black" | <p style=" color:blue "&gt;Lorem ipsum ....

Lorem ipsum .....
 * style="border:1px solid black" |

Note the semi-colon between attributes
 * style="border:1px solid black" | bold text
 * style="border:1px solid black" |   Lorem ipsum .... 
 * style="border:1px solid black" | Lorem ipsum ....
 * style="border:1px solid black" | italicized text
 * style="border:1px solid black" |   Lorem ipsum .... 
 * style="border:1px solid black" | Lorem ipsum ....
 * style="border:1px solid black" | multiple attributes
 * style="border:1px solid black" | <p style=" font-family:times new roman; font-size:14pt; color:blue "&gt;Lorem ipsum ....
 * style="border:1px solid black" | multiple attributes
 * style="border:1px solid black" | <p style=" font-family:times new roman; font-size:14pt; color:blue "&gt;Lorem ipsum ....
 * style="border:1px solid black" | <p style=" font-family:times new roman; font-size:14pt; color:blue "&gt;Lorem ipsum ....

Lorem ipsum ....
 * style="border:1px solid black" |

Click here for all acceptable colors
 * style="border:1px solid black" | backgrounds
 * style="border:1px solid black" | <p style=" background:lightgray "&gt;Lorem ipsum ....
 * style="border:1px solid black" | <p style=" background:lightgray "&gt;Lorem ipsum ....

Lorem ipsum ....
 * style="border:1px solid black" |


 * style="border:1px solid black" | padding
 * style="border:1px solid black" | <p style=" padding:10px "&gt;Lorem ipsum ....
 * Padding is the space between the contents and the border whether the border is visible or not.
 * Can pad on just one or more sides: top, right , bottom and left .
 * Example: padding-top:10px 
 * Example: padding-top:10px 

''Without borders, the spacing between contents looks about the same whether you use padding or margins. Just be aware of the effects of these attributes if you are using borders around your content''.
 * style="border:1px solid black" | Content .... Content ....
 * style="border:1px solid black" | Margins
 * style="border:1px solid black" | <p style=" margin:10px "&gt;Lorem ipsum ....
 * Margins is the space between borders whether the borders are visible or not.
 * Margins can be on just one or more sides: top, right , bottom and left .
 * Example: margin-top:10px 
 * Example: margin-top:10px 
 * style="border:1px solid black" | Contents.... Contents ....
 * Please note: Margins overlap.


 * style="border:1px solid black" | div tag
 * style="border:1px solid black" | <div style=" font-family:times new roman; font-size:14pt; color:blue "&gt;Lorem ipsum ....   No builtin margins or padding as in paragraph tags
 * style="border:1px solid black" | Lorem ipsum ....
 * style="border:1px solid black" | borders
 * style="border:1px solid black" | <div style=" border:1px solid black "&gt;Lorem ipsum ....
 * The border property is in three parts.
 * First part is the width of the border line in pixels.
 * Second part is the kind of line, whether solid, dashed, dotted, etc.
 * Third is the color of the border.
 * Second part is the kind of line, whether solid, dashed, dotted, etc.
 * Third is the color of the border.

Lorem ipsum ....
 * style="border:1px solid black" |


 * style="border:1px solid black" | border radius
 * style="border:1px solid black" | <p style=" border:1px solid black; border-radius:5px "&gt;Lorem ipsum ....
 * Can place border radius on one or more corners
 * Example: border-radius-top-right.
 * Example: border-radius-top-right.

Lorem ipsum ....
 * style="border:1px solid black" |


 * style="border:1px solid black" | border shadow
 * style="border:1px solid black" | <p style=" border:1px solid black; box-shadow:5px 5px 3px lightgray "&gt;Lorem ipsum ....
 * First number is the distance from bottom of border to bottom edge of shadow.
 * Second number is the distance from right edge of border to right edge of shadow.
 * Third number is height of object above plain of the page.
 * Fourth is the color of the shadow.
 * Fourth is the color of the shadow.

Lorem ipsum ....
 * style="border:1px solid black" |

Lorem ipsum ....
 * style="border:1px solid black" | width and height
 * style="border:1px solid black" | <p style=" width:200px; height:50px "&gt;Lorem ipsum ....
 * style="border:1px solid black" |
 * style="border:1px solid black" |


 * style="border:1px solid black" | Alignment - horizontal
 * style="border:1px solid black" | <p style=" text-align:center "&gt;Lorem ipsum ....
 * Can align in center and right.
 * Default alignment is left.
 * Default alignment is left.

Lorem ipsum ....
 * style="border:1px solid black" |


 * style="border:1px solid black" | alignment - vertical
 * style="border:1px solid black" | <p style=" height:50px; line-height:50px "&gt;Lorem ipsum ....
 * Line height has to equal height of container.
 * Line height has to equal height of container.

Lorem ipsum ....
 * style="border:1px solid black" |


 * style="border:1px solid black" | Tables
 * style="border:1px solid black" |
 * style="border:1px solid black" |


 * To add styling to each of these wikitext table tags, use inline styling.
 * Example: {| style="border:1px solid black; width:200px" 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus.
 * style="border:1px solid black" |
 * style="border:1px solid black" | Text Wrapping (floating)
 * style="border:1px solid black" | <p style=" float:right "&gt;Lorem ipsum ....
 * style="border:1px solid black" | [[Image:Ireland Cemeteries 1.jpg|right|100px|Ireland Cemeteries 1.jpg]]
 * style="border:1px solid black" | [[Image:Ireland Cemeteries 1.jpg|right|100px|Ireland Cemeteries 1.jpg]]

{| style="border:1px solid red"  |-. .  . To save a template: To embed a template: The Breadcrumb trail is a specialized template where one enters internal links leading to the page you are on:
 * style="border:1px solid black" | Table scrolling
 * style="border:1px solid black" | <div style="overflow:scroll; width:300px; height:100px"
 * style="border:1px solid black" | <div style="overflow:scroll; width:300px; height:100px"
 * style="border:1px solid black" |
 * style="border:1px solid black" | Templates
 * style="border:1px solid black" |
 * style="border:1px solid black" |
 * style="border:1px solid black" |
 * style="border:1px solid black" | Breadcrumb trails
 * style="border:1px solid black" |
 * style="border:1px solid black" |


 * Don't forget pipe between Article name and user-defined link name.
 * link5 will always point to the page you are on.


 * style="border:1px solid black" |


 * style="border:1px solid black" | References/Footnotes
 * style="border:1px solid black" |
 * The footnote and ref tags are place right after the item you want to footnote regardless of what comes after it even if in the middle of a sentence.
 * ''Place a header named References as the last header on the page
 * Under the References header place a list of your footnotes/references using this code:
 * Under the References header place a list of your footnotes/references using this code:


 * style="border:1px solid black" |
 * style="border:1px solid black" | SEO
 * style="border:1px solid black" |
 * A short sentence of about 25 words giving details as to what material is in the article.
 * Appears just under the breadcrumb trail.
 * When you search your browser for a topic this SEO will appear under the title of the web page.
 * Take some pains to create this SEO, the world will see it and hopefully want to visit your page because of what you wrote in the SEO.
 * Take some pains to create this SEO, the world will see it and hopefully want to visit your page because of what you wrote in the SEO.


 * style="border:1px solid black" |

Guide to Adair County, Missouri ancestry, family history, and genealogy birth records, marriage records, death records, census records, family history, and military records.

{|  |-   | colspan="2" style="........."&#124; Content to span two columns  |-   | content   | content   |}
 * style="border:1px solid black" | Table column spans
 * style="border:1px solid black" |
 * style="border:1px solid black" |


 * Notice there is only one cell in the row where the column span is located.


 * style="border:1px solid black" |


 * style="border:1px solid black" | Table row span
 * style="border:1px solid black" |
 * style="border:1px solid black" |