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