diff options
Diffstat (limited to 'TWiki')
| -rw-r--r-- | TWiki/TextFormattingFAQ.mdwn | 108 |
1 files changed, 54 insertions, 54 deletions
diff --git a/TWiki/TextFormattingFAQ.mdwn b/TWiki/TextFormattingFAQ.mdwn index b4010374..cf87c230 100644 --- a/TWiki/TextFormattingFAQ.mdwn +++ b/TWiki/TextFormattingFAQ.mdwn @@ -15,7 +15,7 @@ > > ### <a name="How_do_I_create_a_heading_"> How do I create a heading? </a> > -> 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 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 <code>%TOC%</code> wherever you like on a page (see %TWIKIWEB%.TWikiVariables for more <code>%TOC%</code> options). > @@ -57,14 +57,14 @@ > > ### <a name="Text_I_enter_gets_wrapped_around"> Text I enter gets wrapped around. How can I keep the formatting as it is? </a> > -> TWiki interprets text as HTML. It is possible to use preformatted text to workaround this. Use the preformatted HTML tags to keep the new line of text as it is. Do so by enclosing text in either <pre> </pre> or <verbatim> <verbatim> tags: +> TWiki interprets text as HTML. It is possible to use preformatted text to workaround this. Use the preformatted HTML tags to keep the new line of text as it is. Do so by enclosing text in either <pre> </pre> or <verbatim> </verbatim> tags: > > This text will keep its format as it is: -> <pre> +> <verbatim> > Unit Price Qty Cost > ------- ------ --- ------ > aaa 12.00 3 36.00 -> </pre> +> </verbatim> > > The `pre` tag is standard HTML; `verbatim` is a special TWiki tag that also forces text to fixed font mode, and also prevents other tags and TWiki shortcuts from being expanded. > @@ -76,9 +76,9 @@ > > 1. Use Wiki rule with "|" vertical bars. > 2. Use HTML tables with <table>, <tr>, <td> tags. -> 3. Use preformatted text with <PRE> tags. +> 3. Use preformatted text with <verbatim> tags. > -> **\_1. Use Wiki rule with "|" vertical bars\_** +> **_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: <table border="1" cellpadding="1" cellspacing="0"> @@ -94,19 +94,19 @@ > </tr> > </table> > -> **\_2. Use HTML tables with <TABLE>, <TR>, <TD> tags\_** +> **_2\. Use HTML tables with <table>, <tr>, <td> tags_** > > This is a manual process using HTML commands. Here is an example. If you enter this: > -> <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> +> <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> > > It is displayed as a table like this: > @@ -125,7 +125,7 @@ > </tr> > </table> > -> **\_3. Use preformatted text with <PRE> tags\_** +> **_3\. Use preformatted text with <verbatim> tags_** > > Text I enter gets wrapped around. How can I keep the formatting as it is? See "Text enclosed..." > @@ -133,78 +133,78 @@ > > ### <a name="Can_I_include_images_and_picture"> Can I include images and pictures? </a> > -> Yes, this is possible. The easiest way of including images is to attach a GIF or JPG file to a topic and then to include it with text <code>%ATTACHURL%/myImage.gif</code> . [[FileAttachment]] has more. +> Yes, this is possible. The easiest way of including images is to attach a GIF, JPG or PNG file to a topic and then to include it with text <code>%ATTACHURL%/myImage.gif</code> . [[FileAttachment]] has more. > > There are actually two ways of including inline images. > -> **\_1. Using URL ending in .gif, .jpg, .jpeg\_** +> **_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 accessible as a URL. > > * Example text: <br /><code> TWiki %PUBURL%/wikiHome.gif logo.</code> > * Example output: <br /> TWiki %PUBURL%/wikiHome.gif logo. > -> **\_2. Using <IMG> tag\_** +> **_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 JPEG and GIF 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. +> 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. > -> * Example text: <br />`TWiki <IMG SRC="%PUBURL%/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.` +> * Example text: <br />`TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo.` > * Example output: <br /> TWiki <img src="%PUBURL%/wikiHome.gif" width="46" height="50" /> logo. > > ---- > > ### <a name="Can_I_write_colored_text_"> Can I write colored text? </a> > -> Place text you would like to specify a color inside <FONT COLOR="colorCode"> and </FONT> tags. +> Place text you would like to specify a color inside <font color="colorCode"> and </font> tags. > -> "colorCode" is the hexadecimal RGB color code. The color is composed by specifying the red, green and blue components of the color in hexadecimal notation. For example, to specify white, the red, green and blue components are 255, 255, 255, so you would use "#FFFFFF". You can use [[StandardColors]] or common color codes: +> "colorCode" is the hexadecimal RGB color code. The color is composed by specifying the red, green and blue components of the color in hexadecimal notation. For example, to specify white, the red, green and blue components are 255, 255, 255, so you would use ="#ffffff=". You can use [[StandardColors]] or common color codes: > > <table> -> <tr bgcolor="#E0E0E0"> +> <tr bgcolor="#e0e0e0"> > <td><font color="#000000"> <strong>Black:</strong> </font></td> -> <td>"#000000" </td> +> <td><code>"#000000"</code></td> > <td><font color="#008000"> <strong>Green:</strong> </font></td> -> <td>"#008000" </td> -> <td><font color="#C0C0C0"> <strong>Silver:</strong> </font></td> -> <td>"#C0C0C0" </td> -> <td><font color="#00FF00"> <strong>Lime:</strong> </font></td> -> <td>"#00FF00" </td> +> <td><code>"#008000"</code></td> +> <td><font color="#c0c0c0"> <strong>Silver:</strong> </font></td> +> <td><code>"#c0c0c0"</code></td> +> <td><font color="#00ff00"> <strong>Lime:</strong> </font></td> +> <td><code>"#00ff00"</code></td> > </tr> -> <tr bgcolor="#C0C0C0"> +> <tr bgcolor="#c0c0c0"> > <td><font color="#808080"> <strong>Gray:</strong> </font></td> -> <td>"#808080" </td> +> <td><code>"#808080"</code></td> > <td><font color="#808000"> <strong>Olive:</strong> </font></td> -> <td>"#808000" </td> -> <td><font color="#FFFFFF"> <strong>White:</strong> </font></td> -> <td>"#FFFFFF" </td> -> <td><font color="#FFFF00"> <strong>Yellow:</strong> </font></td> -> <td>"#FFFF00" </td> +> <td><code>"#808000"</code></td> +> <td><font color="#ffffff"> <strong>White:</strong> </font></td> +> <td><code>"#ffffff"</code></td> +> <td><font color="#ffff00"> <strong>Yellow:</strong> </font></td> +> <td><code>"#ffff00"</code></td> > </tr> -> <tr bgcolor="#E0E0E0"> +> <tr bgcolor="#e0e0e0"> > <td><font color="#800000"> <strong>Maroon:</strong> </font></td> -> <td>"#800000" </td> +> <td><code>"#800000"</code></td> > <td><font color="#000080"> <strong>Navy:</strong> </font></td> -> <td>"#000080" </td> -> <td><font color="#FF0000"> <strong>Red:</strong> </font></td> -> <td>"#FF0000" </td> -> <td><font color="#0000FF"> <strong>Blue:</strong> </font></td> -> <td>"#0000FF" </td> +> <td><code>"#000080"</code></td> +> <td><font color="#ff0000"> <strong>Red:</strong> </font></td> +> <td><code>"#ff0000"</code></td> +> <td><font color="#0000ff"> <strong>Blue:</strong> </font></td> +> <td><code>"#0000ff"</code></td> > </tr> -> <tr bgcolor="#C0C0C0"> +> <tr bgcolor="#c0c0c0"> > <td><font color="#800080"> <strong>Purple:</strong> </font></td> -> <td>"#800080" </td> +> <td>="#800080"= </td> > <td><font color="#008080"> <strong>Teal:</strong> </font></td> -> <td>"#008080" </td> -> <td><font color="#FF00FF"> <strong>Fuchsia:</strong> </font></td> -> <td>"#FF00FF"</td> -> <td><font color="#00FFFF"> <strong>Aqua:</strong> </font></td> -> <td>"#00FFFF" </td> +> <td><code>"#008080"</code></td> +> <td><font color="#ff00ff"> <strong>Fuchsia:</strong> </font></td> +> <td><code>"#ff00ff"</code></td> +> <td><font color="#00ffff"> <strong>Aqua:</strong> </font></td> +> <td><code>"#00ffff"</code></td> > </tr> > </table> > -> * Example text: <br />` <FONT COLOR="#FF0000"> Red color </FONT> draws attention. ` +> * Example text: <br />` <font color="#ff0000"> Red color </font> draws attention. ` > * Example output: <br /><font> Red color </font> draws attention. > > ---- --- [[Main/MikeMannix]] - 10 Sep 2001 <br /> +-- [[Main/MikeMannix]] - 10 Sep 2001 <br /> -- [[Main/PeterThoeny]] - 13 Sep 2001 <br /> |