Difference between revisions of "Image tags"
Jump to navigation
Jump to search
(Imported from Wikispaces) |
(Imported from Wikispaces) |
||
| Line 1: | Line 1: | ||
| − | + | <div id="content_view" class="wiki" style="display: block"> | |
| + | |||
| + | =image tags= | ||
| + | <br /> <br /> | ||
| + | ==Adding an image to a space== | ||
| + | <br /> Images are uploaded to spaces and can then be inserted into any page in that space.<br /> <br /> | ||
| − | + | # On any page in your space click "Manage Space" | |
| − | + | # Click "List and Upload Files" | |
| − | |||
| − | |||
| − | # On any page in your space click "Manage Space" | ||
| − | # Click "List and Upload Files" | ||
# Browse to select your file then click "Send File" | # Browse to select your file then click "Send File" | ||
| + | <br /> | ||
| + | ==Including an image that has already been uploaded== | ||
| + | <br /> | ||
| − | + | # Insert the following code <nowiki>[[</nowiki>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). | |
| − | |||
| − | # Insert the following code <nowiki>[[ | ||
# The image will appear on your page when you are finished editing | # The image will appear on your page when you are finished editing | ||
| + | <br /> | ||
| + | ==Finding out what images are available on your space== | ||
| + | <br /> | ||
| − | + | # When logged in and on a page in your space, click "Manage Space" on the left hand side | |
| − | |||
| − | # When logged in and on a page in your space, click "Manage Space" on the left hand side | ||
# Click on "List files" | # Click on "List files" | ||
| − | + | <br /> | |
| − | ==Including external images== | + | ==Including external images== |
| − | + | <br /> You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example:<br /> <br /> | |
| − | You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example: | + | {| class="wiki_table" |
| − | + | | image:walking.jpg<br /> | |
| − | {| | + | | |
| − | | image:walking.jpg | + | <br /> |
| − | | | ||
|} | |} | ||
| − | + | <br /> | |
| − | ==Syntax== | + | ==Syntax== |
| − | + | <br /> | |
| − | {| | + | {| class="wiki_table" |
| − | | '''attribute''' | + | | '''attribute'''<br /> |
| + | | '''example'''<br /> | ||
| + | | '''result'''<br /> | ||
| + | | '''description'''<br /> | ||
|- | |- | ||
| − | | image:imagename | + | | image:imagename<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif]]</nowiki><br /> | ||
| + | | | ||
| + | [[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br /> | ||
| + | | include uploaded image<br /> | ||
|- | |- | ||
| − | | width | + | | width="pixel"<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif width="20"]]</nowiki><br /> | ||
| + | | | ||
| + | [[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br /> | ||
| + | | determine width of image<br /> | ||
|- | |- | ||
| − | | height | + | | height="pixel"<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif height="80"]]</nowiki><br /> | ||
| + | | | ||
| + | [[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br /> | ||
| + | | determine height of image<br /> | ||
|- | |- | ||
| − | | align | + | | align="left"<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif align="left"]]</nowiki><br /> | ||
| + | | | ||
| + | [[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br /> | ||
| + | | Float the image to the left and wrap the text around it<br /> | ||
|- | |- | ||
| − | | align | + | | align="right"<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif align="right"]]</nowiki><br /> | ||
| + | | <br /> | ||
| + | | Float the image to the right and wrap the text around it<br /> | ||
|- | |- | ||
| − | | align | + | | align="center"<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif align="center"]]</nowiki><br /> | ||
| + | | | ||
| + | <div style="text-align: center">[[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]</div> | ||
| + | | Center the image in the middle of the page or table cell<br /> | ||
|- | |- | ||
| − | | link | + | | link="page"<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif link="image tags"]]</nowiki><br /> | ||
| + | | | ||
| + | [[image tags| [[Image:www-wikispaces-logo.gif|www-wikispaces-logo.gif]]]]<br /> | ||
| + | | Make the image a link to another page or URL<br /> | ||
|- | |- | ||
| − | | caption | + | | caption="an image caption"<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif caption="This is the Wikispaces logo"]]</nowiki><br /> | ||
| + | | | ||
| + | {| class="captionBox" | ||
| + | | class="captionedImage" | | ||
| + | [[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]] | ||
|- | |- | ||
| + | | class="imageCaption" | This is the Wikispaces logo | ||
| + | |}<br /> | ||
| + | | Adds a caption for the image<br /> | ||
|} | |} | ||
| − | ==Image Links== | + | ==Image Links== |
| − | The image link attribute uses the same syntax as the link tag. The following are all valid: | + | The image link attribute uses the same syntax as the link tag. The following are all valid:<br /> |
| − | {| | + | {| class="wiki_table" |
| − | | page name alone | + | | page name alone<br /> |
| − | + | | <nowiki>[[image:www-wikispaces-logo.gif link="image tags"]]</nowiki><br /> | |
| − | |||
|- | |- | ||
| − | | | + | | space:page name<br /> |
| + | | <nowiki>[[image:www-wikispaces-logo.gif link="www:image tags"]]</nowiki><br /> | ||
|- | |- | ||
| + | | full URL<br /> | ||
| + | | <nowiki>[[image:www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"]]</nowiki><br /> | ||
|} | |} | ||
| + | </div> | ||
Revision as of 14:28, 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 [[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
- 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 |
|
Syntax
| attribute |
example |
result |
description | ||
| image:imagename |
[[image:www-wikispaces-logo.gif]] |
include uploaded image | |||
| width="pixel" |
[[image:www-wikispaces-logo.gif width="20"]] |
determine width of image | |||
| height="pixel" |
[[image:www-wikispaces-logo.gif height="80"]] |
determine height of image | |||
| align="left" |
[[image:www-wikispaces-logo.gif align="left"]] |
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"]] |
Center the image in the middle of the page or table cell | |||
| link="page" |
[[image:www-wikispaces-logo.gif link="image tags"]] |
[[image tags| www-wikispaces-logo.gif]] |
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"]] |
|
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 |
[[image:www-wikispaces-logo.gif link="image tags"]] |
| space:page name |
[[image:www-wikispaces-logo.gif link="www:image tags"]] |
| full URL |
[[image:www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"]] |