User:Wonghk3/Sandbox/WikiTextDa2

CH-10 and 11: IMAGES

 * Makes a page more interesting
 * Must be approved before placing into an article

CODING OPTIONS

 * EMBED to PAGE (ref WikiMiss Ch-8)
 * Image must be uploaded into Wiki
 * Okay to replace 'File' with 'Image'


 * IMAGE SIZE: Embedded with original uploaded file size
 * IMAGE PLACEMENT: DEFAULT is Left; ALT: 'right' or 'center'
 * TOOLTIPS: the little box that appears when mouse hovers over image


 * 1) copy image as is
 * 2) add size
 * 3) add placement
 * 4) add name and demo tooltip
 * ABBREVIATION of TOOLTIP NAME uses an abbr div tag:


 * IMAGE BORDERS, CAPTION, CAPTION POSITION
 * IMAGE BORDERS places a border around the image
 * REPLACE 'right' or 'center' with 'thumb'
 * Image DEFAULTS to the left; to place on right, must enter '|right' after thumb
 * Caption also DEFAULTS to the left
 * Position Caption using placement div tags

CH-12: IMAGE LINKS
FOLLOW samples on tutorial page... Image Links

We are adding links to an image, so when you click on the image, it takes you to the new link.


 * EXTERNAL LINKS (uses URL):
 * INTERNAL LINKS (uses Article Name):
 * TOOLTIP - takes you to URL for external links and article for internal links.
 * All must use pipe to separate name because external link is inside internal link.

CH-13: IMAGES and TEXT
FOLLOW samples on tutorial page... Images and Text


 * Text/images appear in ORDER placed in edit box
 * Text 'floats' with image => If IMAGE is placed on the LEFT ==> Text wraps on the right
 * Text 'floats' with image => If IMAGE is placed on the RIGHT ==> Text wraps on the left
 * Text 'floats' with image => If THUMB is used for image, then image is placed on the RIGHT with a BORDER ==> Text wraps on the left of the border