Help:Wiki University Wikitext--Images (cont.)





<< Previous Chapter Next Chapter >>

Tooltips
What are tooltips? A tooltip is the little box that appears when you hover your mouse over a link and, if coded, over an image. For example:



What is an abbreviation tooltip? Abbreviation tooltips are created when you add a word or phrase using an "abbr attribute" as follows:  [[Image:Handcart pioneers.jpg|right|200px| FHC
 * The dotted line under a word or phase is an indication that it has a tooltip attached.
 * A tooltip also appears if there is a name put on an external or internal link.

Image borders
 
 * What if we want to place a border around the image.
 * To do that add a pipe and the word "thumb" inside the internal image link:
 * Now our image looks like this:
 * Using the word "thumb" moves the image to the right by default.
 * If we want the border but the image on the left, we include a pipe and the word "left":
 * Now our image is on the left side with a border:

Image Captions
 
 * With the use of the word "thumb," notice a small box appears under the image.
 * Here is where we can place a caption on the image with the addition of a pipe and whatever wording we want for the caption:
 * Here is how the image now appears with its caption at the bottom of the image:
 * If you want to center the caption, enter opening and closing center tags flanking the caption:

Try these out


 Exercises Check your answers
 * Place this [[File:Ireland Map.gif]] image in your sandbox page and limit the width to 300 pixels and place it on the right side of the page.
 * Place this [[File:Ireland Countryside.jpg]] image in your sandbox page and limit the width to 350 pixels and put a border around it.
 * Place this [[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg]] in your sandbox and limit the width to 250 pixels and place the caption: "Tuam Cathedral" and center it.

 Quick Quiz
 * The default position of any image is on the right side of the page.
 * A. True
 * B. False


 * To place an image on the right side of the page, use |right.
 * True
 * False


 * You can place a caption on an image without the thumb code
 * A. True
 * B. False

Check your answers

<< Previous Chapter Next Chapter >>