Difference between revisions of "Image tags"
(Imported from Wikispaces) |
(Imported from Wikispaces) |
||
Line 1: | Line 1: | ||
− | |||
− | =image tags= | + | ====== image tags ====== |
− | + | \\ \\ | |
− | ==Adding an image to a space== | + | ===== 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== | + | ===== Including an image that has already been uploaded ===== |
− | + | \\ | |
− | + | - 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== | + | ===== 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== | + | ===== 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< | + | | image:walking.jpg\\ | <span style="font-family:monospace">http://www.wikispaces.com/i/l.png|external image l.png</span>\\ | |
− | | | + | \\ |
− | < | + | ===== Syntax ===== |
− | | | + | \\ |
− | + | ||
− | ==Syntax== | + | | **attribute**\\ | **example**\\ | **result**\\ | **description**\\ | |
− | + | | 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\\ | |
− | | image:imagename | + | | 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:\\ | |
− | + | ||
− | | include uploaded image | + | | page name alone\\ | [[image:www-wikispaces-logo.gif link="image tags"]]\\ | |
− | | | + | | space:page name\\ | [[image:www-wikispaces-logo.gif link="www:image tags"]]\\ | |
− | | width="pixel" | + | | full URL\\ | [[image:www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"]]\\ | |
− | | | ||
− | |||
− | |||
− | | determine width of image | ||
− | | | ||
− | | height="pixel" | ||
− | | | ||
− | |||
− | |||
− | | determine height of image | ||
− | | | ||
− | | align="left" | ||
− | | | ||
− | |||
− | |||
− | | Float the image to the left and wrap the text around it | ||
− | | | ||
− | | align="right" | ||
− | | | ||
− | | | ||
− | | Float the image to the right and wrap the text around it | ||
− | | | ||
− | | align="center" | ||
− | | | ||
− | | | ||
− | < | ||
− | | Center the image in the middle of the page or table cell | ||
− | | | ||
− | | link="page" | ||
− | | | ||
− | | | ||
− | [[image | ||
− | | Make the image a link to another page or URL | ||
− | | | ||
− | | caption="an image caption" | ||
− | | | ||
− | | | ||
− | |||
− | |||
− | |||
− | | | ||
− | |||
− | | | ||
− | | 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 | ||
− | | | ||
− | | | ||
− | | space:page name | ||
− | | | ||
− | | | ||
− | | full URL | ||
− | | | ||
− | | | ||
− |
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
\\
| **attribute**\\ | **example**\\ | **result**\\ | **description**\\ | | image:imagename\\ | File:Www-wikispaces-logo.gif\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | include uploaded image\\ | | width="pixel"\\ | File:Www-wikispaces-logo.gif width="20"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | determine width of image\\ | | height="pixel"\\ | File:Www-wikispaces-logo.gif height="80"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | determine height of image\\ | | align="left"\\ | File:Www-wikispaces-logo.gif align="left"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | Float the image to the left and wrap the text around it\\ | | align="right"\\ | File:Www-wikispaces-logo.gif align="right"\\ | \\ | Float the image to the right and wrap the text around it\\ | | align="center"\\ | File:Www-wikispaces-logo.gif align="center"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif | Center the image in the middle of the page or table cell\\ | | link="page"\\ | File:Www-wikispaces-logo.gif link="image tags"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | Make the image a link to another page or URL\\ | | caption="an image caption"\\ | File:Www-wikispaces-logo.gif caption="This is the Wikispaces logo"\\ | | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif | | 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\\ | File:Www-wikispaces-logo.gif link="image tags"\\ | | space:page name\\ | File:Www-wikispaces-logo.gif link="www:image tags"\\ | | full URL\\ | File:Www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"\\ |