Wikitext - Lesson TwoEdit This Page

From FamilySearch Wiki

Missionary Training Lessons

Learn Wikitext by small steps with homework to practice what you are learning.

Lesson One > Lesson Two > Lesson Three > Lesson Four

Elements

This is the HTML code

FamilySearch Wiki
Attributes
Attributes go inside Element tags


Contents

What you will learn in Wikitext - Lesson Two

  • More on Internal Links
  • Where to find images in FamilySearch Wiki
  • How to get approval for an image
  • How to install an image
  • How to size an image
  • How to position an image
  • Create a caption for an image
  • How to create tables
  • How to position tables

More on Internal Links

  • In lesson one, you were shown how to create an Internal Link which links to an article inside FamilySearch Wiki.
  • However, you can link to a particular section on an article instead of the whole article and then try and find the section you want to access.
  • To link to a particular section you install an "#" tag along with the section name right after the name of the article>.
  • Let's say you want to create a link to the Missouri Genealogy page but only the section labeled Major Repositories. Missouri Genealogy Major Repositories.
  • To do that with Wikitext, type this coding:
[[Missouri Genealogy#Major Respositories|Missouri Genealogy Major Repositories]]
.

Where to find images in FamilySearch Wiki

  • Let it be known that all images must be approved before they can be used in FamilySearch Wiki.
  • You cannot just pick an image off the internet or out of your files and put it in an article. The image must be submitted for approval first.
  • To see if an image already exists for the subject you are interested in, type in the subject in the search box.
  • If you find one you like, you are free to use it where you want.

How to get approval for an image

  • If you do not see an image you can use, Click here to learn the process for submitting images for approval.
  • Be sure and read carefully the licensing agreements on images. Many are under copyright protection and you may not be able to use them.
  • You will be asked as part of the approval process to state any restriction if any.
  • If you are looking for images in Google, one way to weed out the restricted images for your topic is to click on the toolbar at the top of the image page and then click on "Usage rights" and then on "Labeled for reuse." The images that remain should be free from restrictions.

How to install an image

Ireland Map.gif
  • The address for an image in the data base, for example, will be like so: File:Ireland Map.gif
  • The image will begin with the word File: and after the name of the image, end with an extension saying what kind of image it is. In this case a gif image.
  • To place this image in an article, type the following wikitext code: [[Image:Ireland Map.gif]]
  • You enclose the name with opening and closing brackets [[ ]].
  • You can also use the word image instead of file, it does not matter.
  • The name of the image is case sensitive, so type it as it appears in the data base.
  • Then you place the coding [[Image:Ireland Map.gif]] on the page where you want it.
  • If you were to place this image like it stands, it will take up a large amount of space on the page so before you do so see the next section on sizing images.

How to size an image

  • The image you choose will be of a certain size in the data base. It could be very large.
  • We will need to restrict the size of the image. We will pick 200 pixels wide.
  • To reduce the size of the image to 200 pixels add the following coding:
[[File:Ireland.gif|200px]]
  • You will notice a pipe | followed by 200px after the gif extension.

How to position an image on a page

Default position

  • If you place the above coding with the sizing attribute on a page, the image default position will be as shown below:

Ireland Map.gifLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

  • It will place itself on the left side of the page.
  • If there is any text next to the image, it will show below the image. In other words, the text will not wrap around the image.

Float to the right

  • If you want to place the image on the right side of the page and for any text to wrap up the left side of the image add the word "right" preceded with a pipe like so: |right to the coding above:
[[File:Ireland Map.gif|200px|right]]


Ireland Map.gif
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

  • You will notice a pipe | followed by right after the |200px. This floats image to right side of the article.
  • Our text now floats up the left side of the image.







Install a border

Ireland Map.gif
  • If you want to add a border around the image install |thumb to the above coding. The image will look like this:

Install a caption

Ireland Map.gif
  • If you want to add a caption install this additional coding:

|<center>Map of Ireland</center>

  • The Wikitext looks like so:
[[Image:Ireland Map.gif|200px|right|thumb|<center>Map of Ireland</center>]]












Creating Tables

The creating of tables and placing them on pages will be a common practice. Tables allow one to display a lot of information in a very visual form. They are simple to create in Wikitext. We will tell you how to create the following table:

Healthy Foods
Apples Peas Walnuts Oats
Orange Carrots Almonds Barley
Pears Corn Peanuts Wheat
Cherries Beans Cashews Buckwheat

Opening Table Tags

The first step is to tell your browser that you want to install a table.

  • This is done with: {| a curly bracket and a pipe. This is the opening Wikitext table tag.
  • While you are creating an opening table, create a closing tag at the same time with a couple of returns between to let the browser know the table is complete. That is a pipe and then a brace |}
  • This is what you should have to begin to create a table in Wikitext.

{|

|}

Row tags

  • Tables are made up of rows with a number of cells in each row.
  • Rows are created in Wikitext with a pipe and a dash: |-
  • You place a |- for each row.
  • Since our table has four rows, we will place four |- between the table tags like so:

{|
|-
|-
|-
|-
|}

Cell tags

  • Our Healthy Foods table has four cells in each row.
  • To create the individual cells we place a pipe | for each cell between the row tags |-, like so:

{|
|-
|
|
|
|
|-
|
|
|
|
|-
|
|
|
|
|-
|
|
|
|
|}

Adding text to the table

  • The text is add to the cell tag or the single pipe.

{|
|-
|Apples
|Peas
|Walnuts
|Oats
|-
|Orange
|Carrots
|Almonds
|Barley
|-
|Pears
|Corn
|Peanuts
|Wheat
|-
|Cherries
|Beans
|Cashews
|Buckwheat
|}

  • When you save this Wikitext table code you get this result:
Apples Peas Walnuts Oats
Orange Carrots Almonds Barley
Pears Corn Peanuts Wheat
Cherries Beans Cashews Buckwheat
  • It does not look like the Healthy Foods table above, but it is in rows and columns.
  • We will cover borders, spacing, headers, etc in the next lesson.

What you learned in Wikitext - Lesson Two

  • Where to find images in FamilySearch Wiki
  • How to get approval for an image
  • How to install an image
  • How to size an image
  • How to position an image
  • Create a caption for an image
  • How to create tables
  • How to position tables

Homework

Lesson Two - Problem One

  • Place this image [[File:Ireland Lighthouse.jpg]] on the right side of your sandbox.
  • Make the width of the image 200px.
  • Place a border around the image.
  • Place this caption on the image "Irish Lighthouse."

Problem Answers

Lesson Two - Problem Two

  • Create a table that has three columns and four rows.
  • Column one: Favorite Nuts
  • Column two:Favorite Fruits
  • Column three:Favorite Vegetables

Recording


On to Lesson Three


 

Need wiki, indexing, or website help? Contact our product teams.


Did you find this article helpful?

You're invited to explain your rating on the discussion page (you must be signed in).

  • This page was last modified on 27 April 2015, at 14:39.
  • This page has been accessed 2,151 times.