Difference between revisions of "Image tags"

Latest revision as of 14:29, 14 February 2019

image tags

\\ \\

Adding an image to a space

\\ Images are uploaded to spaces and can then be inserted into any page in that space.\\ \\

 - On any page in your space click "Manage Space"
 - Click "List and Upload Files"
 - Browse to select your file then click "Send File"

\\

Including an image that has already been uploaded

\\

 - Insert the following code File:Imagename into your page, where imagename is the file name of the image as it was uploaded. (Note that file names are case sensitive).
 - The image will appear on your page when you are finished editing

\\

Finding out what images are available on your space

\\

 - When logged in and on a page in your space, click "Manage Space" on the left hand side
 - Click on "List files"

\\

Including external images

\\ You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example:\\ \\

| image:walking.jpg\\ | http://www.wikispaces.com/i/l.png%7Cexternal image l.png\\ | \\

Syntax

\\

Image Links

The image link attribute uses the same syntax as the link tag. The following are all valid:\\

@@ Line 1: / Line 1: @@
-[[include page="image tags header"]]
+====== image tags ======
+\\ \\
+===== Adding an image to a space =====
+\\  Images are uploaded to spaces and can then be inserted into any page in that space.\\ \\
-==Adding an image to a space==
+  - On any page in your space click "Manage Space"
+  - Click "List and Upload Files"
+  - Browse to select your file then click "Send File"
+\\
+===== Including an image that has already been uploaded =====
+\\
-Images are uploaded to spaces and can then be inserted into any page in that space.
+  - Insert the following code [[image:imagename]] into your page, where imagename is the file name of the image as it was uploaded. (Note that file names are case sensitive).
+  - The image will appear on your page when you are finished editing
+\\
+===== Finding out what images are available on your space =====
+\\
-# On any page in your space click "Manage Space"
+  - When logged in and on a page in your space, click "Manage Space" on the left hand side
-# Click "List and Upload Files"
+  - Click on "List files"
-# Browse to select your file then click "Send File"
+\\
+===== Including external images =====
+\\  You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example:\\ \\
-==Including an image that has already been uploaded==
+| image:walking.jpg\\ | <span style="font-family:monospace">http://www.wikispaces.com/i/l.png|external image l.png</span>\\ |
+\\
+===== Syntax =====
+\\
-# Insert the following code <nowiki>[[``image:imagename``]]</nowiki> into your page, where imagename is the file name of the image as it was uploaded. (Note that file names are case sensitive).
+| **attribute**\\ | **example**\\ | **result**\\ | **description**\\ |
-# The image will appear on your page when you are finished editing
+| image:imagename\\ | [[image:www-wikispaces-logo.gif]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | include uploaded image\\ |
+| width="pixel"\\ | [[image:www-wikispaces-logo.gif width="20"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | determine width of image\\ |
+| height="pixel"\\ | [[image:www-wikispaces-logo.gif height="80"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | determine height of image\\ |
+| align="left"\\ | [[image:www-wikispaces-logo.gif align="left"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | Float the image to the left and wrap the text around it\\ |
+| align="right"\\ | [[image:www-wikispaces-logo.gif align="right"]]\\ | \\ | Float the image to the right and wrap the text around it\\ |
+| align="center"\\ | [[image:www-wikispaces-logo.gif align="center"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span> | Center the image in the middle of the page or table cell\\ |
+| link="page"\\ | [[image:www-wikispaces-logo.gif link="image tags"]]\\ |  [[/image%20tags|<span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>]]\\ | Make the image a link to another page or URL\\ |
+| caption="an image caption"\\ | [[image:www-wikispaces-logo.gif caption="This is the Wikispaces logo"]]\\ | | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span> | | This is the Wikispaces logo |\\ | Adds a caption for the image\\ |
+===== Image Links =====
+ The image link attribute uses the same syntax as the link tag. The following are all valid:\\
-==Finding out what images are available on your space==
+| page name alone\\ | [[image:www-wikispaces-logo.gif link="image tags"]]\\ |
+| space:page name\\ | [[image:www-wikispaces-logo.gif link="www:image tags"]]\\ |
-# When logged in and on a page in your space, click "Manage Space" on the left hand side
+| full URL\\ | [[image:www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"]]\\ |
-# Click on "List files"
-==Including external images==
-You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example:
-{|
-| image:walking.jpg || [[File:http://www.wikispaces.com/i/l.png]]
-|-
-|}
-==Syntax==
-{|
-| '''attribute''' || '''example''' || '''result''' || '''description'''
-|-
-| image:imagename || <nowiki>[[image:www-wikispaces-logo.gif]]</nowiki>  | | [[image:www-wikispaces-logo.gif]] || include uploaded image
-|-
-| width'''"pixel" || <nowiki>[[image:www-wikispaces-logo.gif width'''"20"]]</nowiki>  | | [[image:www-wikispaces-logo.gif width="50"]] || determine width of image
-|-
-| height'''"pixel" || <nowiki>[[image:www-wikispaces-logo.gif height'''"80"]]</nowiki>  | | [[image:www-wikispaces-logo.gif height="80"]] || determine height of image
-|-
-| align'''"left" || <nowiki>[[image:www-wikispaces-logo.gif align'''"left"]]</nowiki>  | | [[image:www-wikispaces-logo.gif align="left"]] || Float the image to the left and wrap the text around it
-|-
-| align'''"right" || <nowiki>[[image:www-wikispaces-logo.gif align'''"right"]]</nowiki> ||   || Float the image to the right and wrap the text around it
-|-
-| align'''"center" || <nowiki>[[image:www-wikispaces-logo.gif align'''"center"]]</nowiki>  | | [[image:www-wikispaces-logo.gif align="center"]] || Center the image in the middle of the page or table cell
-|-
-| link'''"page" || <nowiki>[[image:www-wikispaces-logo.gif link'''"image tags"]]</nowiki>  | | [[image:www-wikispaces-logo.gif link="image tags"]] || Make the image a link to another page or URL
-|-
-| caption'''"an image caption" || <nowiki>[[image:www-wikispaces-logo.gif caption'''"This is the Wikispaces logo"]]</nowiki>  | | [[image:www-wikispaces-logo.gif caption="This is the Wikispaces logo"]] || Adds a caption for the image
-|-
-|}
-==Image Links==
-The image link attribute uses the same syntax as the link tag. The following are all valid:
-{|
-| page name alone || <nowiki>[[image:www-wikispaces-logo.gif link="image tags"]]</nowiki>
-|-
-| space:page name || <nowiki>[[image:www-wikispaces-logo.gif link="www:image tags"]]</nowiki>
-|-
-| full URL || <nowiki>[[image:www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"]]</nowiki>
-|-
-|}