User:R2d2love7/sandbox1b

=Wiki Text Lessons 21-34 Text and Tables=

Padding
This paragraph has no space between the text and the border.

Padding Attribute
This paragraph has space between the text and the border. Padding can be limited to top, bottom, right, and left by using such code: padding-left:20px

Divisions are containers
The text in this division has a lightgreen background. The text in this division has a lightgraybackground.

Margins are like padding with spacing taking place outside the boundaries
The text in this division has a lightgreen background with a margin. The text in this division has a lightgraybackground with a margin. Margins overlap if side by side and are on all sides. Margins can be limited just like padding.

Borders
The text in this division has a lightgreen background and a narrow red border. There is no space between the text and the border. The border is spread all across the page. We can place borders on one, two, three, or on all four sides just like padding and margins. The text in this division has a lightgreen background and a narrow red border only at the bottom. This is useful in separating paragraphs, etc. Padding and Margins work the same way with borders.

Border Radius
The text in this division has a lightgreen background and a narrow red border with rounded corners. The rounding of corners can be limited by using -top-left, -top-right, -bottom-left, and -bottom-right.

Border Shadow
The text in this division has a lightgreen background and a narrow red border and a shadow. The first 10 pixels is from bottom down; The second 10 pixels is from right edge to right; The 5 pixels is the distance above the page; The #888888 is HEX for dark gray.

Width and Height
The text in this division has a lightgreen background and a narrow red border with width limited to 100 pixels and height limited to 50 pixels.

Centering Titles
This title is centered Also text-align:right, or text-align:left This title is on the right This title is on the left

Vertical Alignment
When we place some text in a div tag that is taller than the text we are placing, the text will appear at the top of the container. To place the text in the middle of the container, we use a combination of text-align and line-height attributes. This text is in the middle

Tables
Tables have opening tags {| and closing tags |}. Tables have Rows which are created with |- followed by cells created with |. Tables consist of many rows of cells. We Add Rows and Cells by adding row tags followed by cell tags.

Tables - Placement
When a table is placed, it shows up on the left side of the page. If other items are added after the table, they will appear below it.

Text Wrapping
Text can be floated around the right or left side of a table. A margin can be specified. Or text wrapping can be cleared. A table can be auto-matically centered with no text wrapping.

Templates
A Template is a container that you want to easily add to several pages.

Creating Templates
To save it as a template you type "Template:templatename"

Embedding A Template
To Embed a template, you type Click on "Edit This Page" to see a list of all templates on the page.

Editing Only One Embedded Template
If you think you will be making changes to a template and don't want to affect the others, use this coding to embed the template:

Editing Templates
Go to the template by typing "template:templatename" then edit as normal.

Limiting Size Template
Templates are limited in size in the code of the template.

Breadcrumb Trails
They are internal links strung together separated by an arrow. Example: Country => State => County

Why Breadcrumb Trails?
They are used to help the user find his way back.

Where Breadcrumb Trails?
They are located at the top of the page.

Creating Breadcrumb Trails
United States Missouri  Adair County

References/Footnotes
Two Internal Links are used to take the user to the reference and back as he clicks.

Creating References
Reference tags are placed after the word you want to reference. They will show in the text as a small blue number in brackets. Clicking on the number will take the user to the link. Clicking on the reference returns the user to the original location.

Placing the References on the page
They are placed wherever you place the reflist template.

SEOs
Search Engine Optimization is a "25 words or less" statement of what the site has to offer. This appears right under the name of the site in your browser. It should contain the terms genealogy, ancestry, or family history, and the geographic location, all in bold.