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 an image or link. For example:



What is an abbreviation tooltip? Abbreviation tooltips are created when you add a word or phrase using an "abbr attribute" as follows: 
 * 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 image on the left with the border, we add 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 Countryside.jpg]] image on the right side of your sandbox page limiting the size to 300 pixels and adding the tooltip "Irish Countryside".
 * Place this [[File:Ireland Map.gif]] image on the left side of your sandbox page, limit the size to 200 pixels, and put a border around it.
 * Place this [[File:Ireland Rebuilding of Tuam Cathedral 1865.jpg]] in your sandbox, limit the size to 250 pixels, and center the caption "Tuam Cathedral".

 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 >>