User:Lonnyyates/sandbox/FSW-WT-Lesson-3





Headers

 * Headers indicate the different sections on the page.
 * Headers allow you to use the blue "edit source" link located between square brackets "[ ]" on the right side of the header. You can put your mouse over it to see, "Edit section: (name of the header)."
 * Creating at least four headers will cause the Wiki to create a Table of Contents at the top of the page.
 * If you do not want a Table of Contents, enter the coding before the first header (two underscores, NOTOC, two underscores).



WikiText For Header Sizing

 * =Header 1=
 * ==Header 2==
 * ===Header 3===
 * ====Header 4====
 * =====Header Five=====
 * ======Header Six======

Coding headers

 * =Header= One
 * ==Header== Two
 * ===Header=== Three
 * ====Header==== Four
 * =====Header===== Five
 * <h6 style="margin:0px; ">======Header====== Six


 * <font color="Orange">NOTICE the equal signs on either side of the headers.
 * <font color="Purple">NOTICE the number of equal signs determines size of font.

Header Uses

 * = header 1 = - is reserved for article titles. PLEASE, Do not use header one while editing, or creating pages.  Putting = header 1 = on the top of a page will make the TITLE on the page DISAPPEAR.
 * == header 2 == - is the most used header, when used, it will create a line under it to separate the the sections.
 * === header 3 === - is a subheader to ==header 2 ==.
 * ==== header 4 ==== - is a subheader to === header 3 ===.
 * <h5 style="margin:0px;"> =====Header 5===== and<h6 style="margin:0px
 * >======Header 6====== - are used sparingly, however, they do have their uses.

Edit Boxes

 * Creating headers also creates a way to edit just that one section, once you have saved it, an edit box will appear within square brackets"[ ]" at the right of the header name.
 * If you click on this link, it allows you to edit the material between this header and the next, without affecting the rest of the page.
 * This allows you to edit a small section rather than searching for a specific section through the entire page of code.

Try these out


<div style="border-top:20px solid teal; border-left:20px solid teal; border-right:10px solid teal; border-radius:18px; "> <div style="font-size:18px; font-color:black; font-background-color:orange; width:100%; height:30px; vertical-align:middle; background-color:teal; ">Exercise Answers

<div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px; ">Wanna C how U dun?
 * 1) == History ==
 * 2) === Vital Records ===
 * 3) === Birth Certificates ====

<div style="border-top:20px solid lightgray; border-left:20px solid lightgray; border-right:10px solid lightgray; border-radius:18px; "> <div style="font-size:18px; font-color:black; font-background-color:orange; width:100%; height:30px; vertical-align:middle; background-color:lightgray; ">Quick Quiz Answers


 * NO use'a da Header One in da FamilySearch Wiki okey dokey?
 * True


 * Header 5 and da 6a - we'a hardely use'a!


 * False


 * Header 2 a works really well in dis a WIki
 * True


 * Avoid da Heada Tree and da Heada Four in da articles.


 * False

<div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px; ">Wanna C how U dun?