This text will keep its format as it is: <verbatim> Unit Price Qty Cost ------- ------ --- ------ aaa 12.00 3 36.00 </verbatim>The =pre= tag is standard HTML; =verbatim= is a special TWiki tag that forces text to fixed font mode, and also prevents other tags and TWiki shortcuts from being expanded. *NOTE:* VARIABLES are still Set within verbatim tags (this is a historical peculiarity) --- ---+++ How do I create tables? There are three possibilities: 1 Use Wiki rule with "|" vertical bars. 2 Use HTML tables with <table>, <tr>, <td> tags. 3 Use preformatted text with <verbatim> tags. *1. Use Wiki rule with "|" vertical bars* * Example text: %BR% =| cell A1 | cell B1 | cell C1 |= %BR% =| cell A2 | cell B2 | cell C2 |= * Example output: | cell A1 | cell B1 | cell C1 | | cell A2 | cell B2 | cell C2 | *2. Use HTML tables with <table>, <tr>, <td> tags* This is a manual process using HTML commands. __You enter:__
<table border="1"> <tr> <th> Head A </th> <th> Head B </th> </tr><tr> <td> Cell A2 </td> <td> Cell B2 </td> </tr><tr> <td> Cell A3 </td> <td> Cell B3 </td> </tr> </table>__Result:__
Head A | Head B |
---|---|
Cell A2 | Cell B2 |
Cell A3 | Cell B3 |
%PUBURL%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif logo.
<img src="%PUBURLPATH%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif" width="80" height="15" border="0" alt="logo" /> logo.
%PUBURL%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif logo.
<img src="%PUBURLPATH%/%TWIKIWEB%/TWikiLogos/T-logo-80x15.gif" width="80" height="15" border="0" alt="logo" /> logo.
TWiki %PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif logo.
TWiki <img src="%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif" width="88" height="31" border="0" alt="logo" /> logo.
--- ---+++ How do I make a separator? Create a separator - a horizontal rule - by entering three dashes at the beginning of a blank line: =---=. You can enter more than three if you like, for a more visible separator in edit mode:-- TWiki:Main.PeterThoeny - 16 Mar 2004
=--------------= -------------- ---+++ How do I create a heading? You can create six sizes of headings - <h1>...<h6> in HTML - by typing, from the beginning of a line, three dashes (-), from one to six plus signs (+), a space, and your heading text. The FAQ questions on this page are created with: =---+++ Have a question?=. * You can insert a nested table of contents, generated from headings, by placing =%TOC%= wherever you like on a page (see %TWIKIWEB%.TWikiVariables for more =% TOC%= options). ----- #TextEnclosed ---+++ Text enclosed in angle brackets like <filename> is not displayed. How can I show it as it is? TWiki interprets text as HTML, and the '<' and '>' characters define where HTML commands start and end. Text _inside_ angle brackets is treated as HTML, and ignored if it doesn't actually do anything - either way, the brackets and its contents are not displayed. If you want to display angle brackets, enter them as HTML codes instead of typing them in directly: * =<= = =<=
=>= = =>= * __You enter:__ =(a > 0)= __Result:__ =(a > 0)= --- ---+++ Some words appear highlighted, with a "?" link at the end. How can I prevent that? A question mark after a word is a link to a topic that doesn't yet exist - click it to create the new page. This is a TWiki feature - typing a MeaningfulTitle in a comment is an invitation for someone else to add a new branch to the topic. To prevent auto-linking - say you want to enter a word likeJavaScript (the proper spelling!) - prefix the WikiStyleWord with the special TWiki HTML tag =<nop>=: * =<nop>WikiStyleWord= displays as WikiStyleWord --- ---+++ How can I write fixed font text? The quickest way is to enclose the text in equal signs: * __You enter:__ =Proportional text, =fixed font= , proportional again.= __Result:__ Proportional text, =fixed font=, proportional again. --- #VerbatimText ---+++ Text I enter gets wrapped around. How can I keep the formatting as it is? TWiki interprets text as HTML, so you can use the =preformatted= HTML option to keep the new line of text as is. Enclose the text in <pre> </pre>, or in TWiki's own <verbatim> </verbatim> tag: This text will keep its format as it is: <verbatim> Unit Price Qty Cost ------- ------ --- ------ aaa 12.00 3 36.00 </verbatim>The =pre= tag is standard HTML; =verbatim= is a special TWiki tag that forces text to fixed font mode, and also prevents other tags and TWiki shortcuts from being expanded. --- ---+++ How do I create tables? There are three possibilities: 1 Use Wiki rule with "|" vertical bars. 2 Use HTML tables with <table>, <tr>, <td> tags. 3 Use preformatted text with <verbatim> tags. *1. Use Wiki rule with "|" vertical bars* * Example text:
=| cell A1 | cell B1 | cell C1 |=
=| cell A2 | cell B2 | cell C2 |= * Example output: | cell A1 | cell B1 | cell C1 | | cell A2 | cell B2 | cell C2 | *2. Use HTML tables with <table>, <tr>, <td> tags* This is a manual process using HTML commands. __You enter:__<table border="1"> <tr> <th> Head A </th> <th> Head B </th> </tr><tr> <td> Cell A2 </td> <td> Cell B2 </td> </tr><tr> <td> Cell A3 </td> <td> Cell B3 </td> </tr> </table>__Result:__*3. Use preformatted text with <verbatim> tags* See [[#VerbatimText]["Text I enter gets wrapped around..."]] --- ---+++ Can I include images on a page? Yes. The easiest way is to [[FileAttachment][attach]] a GIF, JPG or PNG file to a topic and then to place it with: =%
Head A Head B Cell A2 Cell B2 Cell A3 Cell B3 ATTACHURL%/myImage.gif=. This works only for the page that the image is attached to. To place an image on any page, ther are two ways of including inline images. *1. Using URL ending in .gif, .jpg, .jpeg, .png* This is a simple and automatic way of including inline images. Simply write the URL of the image file, this will create the inline image for you. __NOTE:__ The images must be [[#ImgUpload][accessible]] as a URL. * __You enter:__ TWiki
%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif logo.
__Result:__ TWiki %PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif logo. #ImgUpload You can upload images directly to your server with FTP access. You can also [[FileAttachment][attach]] image files to a topic - you could even create a dedicated image topic, like =ImageLibrary= - and then link to the images directly: * Attach =pic.gif= to =Someweb.SomeTopic=
Display with =%PUBURL%/Someweb/ SomeTopic/pic.gif= *2. Using <img> tag* This is a manual process where you have more control over the rendering of the image. Use the <img> tag of HTML to include GIF, JPG and PNG files. *Note:* The display of the topic is faster if you include the =WIDTH= and =HEIGHT= parameters that have the actual image size. http://www.htmlhelp.com/reference/wilbur/special/img.html has more on inline images. * __You enter:__ TWiki <img src="%PUBURL%/%TWIKIWEB%/TWikiLogos/twikilogo88x31.gif" width="88" height="31" border="0" alt="logo" /> logo.
__Result:__
TWiki logo. ----- ---+++ Can I write colored text? TWikiPreferences defines some commonly used colors: *%YELLOW% %YELLOW%%ENDCOLOR%, %RED% % RED%%ENDCOLOR%, %PINK% % PINK%%ENDCOLOR%, %PURPLE% % PURPLE%%ENDCOLOR%, %TEAL% % TEAL%%ENDCOLOR%, %NAVY% % NAVY%%ENDCOLOR%, %BLUE% % BLUE%%ENDCOLOR%, %AQUA% % AQUA%%ENDCOLOR%, %LIME% % LIME%%ENDCOLOR%, %GREEN% % GREEN%%ENDCOLOR%, %OLIVE% % OLIVE%%ENDCOLOR%, %MAROON% % MAROON%%ENDCOLOR%, %BLACK% % BLACK%%ENDCOLOR%, %GRAY% % GRAY%%ENDCOLOR%, %SILVER% % SILVER%%ENDCOLOR%* and *% ENDCOLOR%*. * __You enter:__ =% RED% red text % ENDCOLOR% and % GREEN% green text % ENDCOLOR%= __Result:__ %RED% red text %ENDCOLOR% and %GREEN% green text %ENDCOLOR% __Note:__ =%<color>%= text must end with =% ENDCOLOR%= . If you want to switch from one color to another one you first need to end the active color with =% ENDCOLOR%=, e.g. write =% RED% some text % ENDCOLOR% % GREEN% more text % ENDCOLOR%=. If you need more colors you can use HTML, like =<font color="#ff0000"> red text </font>=. You can also use the up-to-date =style= attribute - ex: =style="color:#ff0000"= - placed in most HTML tags. =span= is an all-purpose choice: =<span style="color:#ff0000">CoLoR</span>=. Only old (like 3.x IE & NS) browsers have a problem with =style=. The code is the _hexadecimal RGB color code_, which is simply Red, Green and Blue values in hex notation (base 16, 0-F). For pure red, the RGB components are 255-0-0 - full red (255), no green or blue. That's FF-0-0 in hex, or ="#ff0000"= for Web page purposes. StandardColors lists basic colors. -----
TWiki %PUBURL%/wikiHome.gif logo.
TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" border="0" alt="logo" /> logo.
*Black:* | ="#000000"= | *Green:* | ="#008000"= | *Silver:* | ="#c0c0c0"= | *Lime:* | ="#00ff00"= |
*Gray:* | ="#808080"= | *Olive:* | ="#808000"= | *White:* | ="#ffffff"= | *Yellow:* | ="#ffff00"= |
*Maroon:* | ="#800000"= | *Navy:* | ="#000080"= | *Red:* | ="#ff0000"= | *Blue:* | ="#0000ff"= |
*Purple:* | ="#800080"= | *Teal:* | ="#008080"= | *Fuchsia:* | ="#ff00ff"= | *Aqua:* | ="#00ffff"= |
<font color="#ff0000"> Red color </font> draws attention.
__Result:__ Red color draws attention.
d160 1
a160 1
-- PeterThoeny - 13 Sep 2001
@
1.10
log
@none
@
text
@d1 1
a1 1
%META:TOPICINFO{author="MikeMannix" date="1000530761" format="1.0" version="1.10"}%
d169 1
a169 1
TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo.
TWiki %PUBURL%/wikiHome.gif logo.
* Example output: TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo.
* Example output: <font color="#ff0000"> Red color </font> draws attention.
* Example output: Head A | Head B |
---|---|
Cell A2 | Cell B2 |
Cell A3 | Cell B3 |
TWiki %PUBURL%/wikiHome.gif logo.
* Example output: TWiki <IMG SRC="%PUBURL%/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.
* Example output: *Black:* | "#000000" | *Green:* | "#008000" | *Silver:* | "#C0C0C0" | *Lime:* | "#00FF00" |
*Gray:* | "#808080" | *Olive:* | "#808000" | *White:* | "#FFFFFF" | *Yellow:* | "#FFFF00" |
*Maroon:* | "#800000" | *Navy:* | "#000080" | *Red:* | "#FF0000" | *Blue:* | "#0000FF" |
*Purple:* | "#800080" | *Teal:* | "#008080" | *Fuchsia:* | "#FF00FF" | *Aqua:* | "#00FFFF" |
<FONT COLOR="#FF0000"> Red color </FONT> draws attention.
* Example output: <H4>This is an HTML heading</H4>
will show up as:
<
instead of <
* Write >
instead of >
* Example: Write (a > 0)
instead of (a > 0)
* Replace angle brackets with curly brackets.
* Example: Write {is-writable}
instead of <is-writable>
d32 1
a32 1
-----
d35 1
a35 1
A question mark after a word is a link to a not yet existing topic. For example, WinAPI is a valid WikiName, but the actual topic _WinAPI_ does not exist.
d37 1
a37 1
If you do not intend to create a topic for a valid WikiWord, you can prevent it being linked by putting an HTML tag in front of it. I usually use <nop>. This is a non existing HTML tag, so a browser just ignores it.
d39 1
a39 2
* Example text: WinAPI as it is, <nop>WinAPI with preceding NOP.
* Example output: WinAPI as it is, <nop>WinAPI with preceeding NOP.
* Example output: WinAPI as it is, <NOP>WinAPI with preceeding NOP.
* Example output: TWiki <IMG SRC="../../../pub/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.
* Example output: Proportional text, <CODE> fixed font text, </CODE> proportional again.
* Example output: fixed font text,
proportional again.
d92 2
a93 2
There are two possibilities:
1 Use preformatted text with <PRE> tags.
d95 1
d97 1
a97 1
*_1. Use preformatted text with <PRE> tags_*
d99 6
a104 1
See Q: Text I enter gets wrapped around. How can I keep the formatting as it is?
d138 4
d203 1
a203 1
-- Main.PeterThoeny - 26 Oct 1998
@