none
authorMikeMannix <MikeMannix>
Fri, 7 Sep 2001 04:04:37 +0000 (04:04 +0000)
committerMikeMannix <MikeMannix>
Fri, 7 Sep 2001 04:04:37 +0000 (04:04 +0000)
TWiki/FileAttachment.mdwn
TWiki/TextFormattingFAQ.mdwn

index 7758d83..9d582ee 100644 (file)
@@ -4,7 +4,7 @@
         <li><a href="#What Are Attachments Good For?"> What Are Attachments Good For?</a><ul>
             <li><a href="#Document Management System"> Document Management System</a></li>
             <li><a href="#File Sharing"> File Sharing</a></li>
-            <li><a href="#Page Content"> Page Content</a></li>
+            <li><a href="#Web Authoring"> Web Authoring</a></li>
           </ul>
         </li>
         <li><a href="#Uploading Files"> Uploading Files</a></li>
 
 ## <a name="File Attachments"></a> File Attachments
 
-Each topic can have files attached to it. This is similar to an e-mail attachment. Just use your browser to upload or download a file. Attachments are stored under revision control - no upload is lost.
+Each topic can have files attached to it, similar to an email attachment. Use your browser to upload or download a file. Attachments are stored under revision control: uploads can never be lost, and changes can be made to files with a rollback option to any previous version always available.
 
 ### <a name="What Are Attachments Good For?"></a> What Are Attachments Good For?
 
+File Attachments can be used to create powerful groupware solutions - file sharing, document management - and for speedy Web authoring.
+
 #### <a name="Document Management System"></a> Document Management System
 
-- **_document management system: distribution, revision_**
+- You can use Attachments to store and retrieve documents (in any format, with associated graphics, and other media files); attach documents to specific TWiki topics; collaborate on documents with full revision control; distribute documents on a [[need-to-know basis|Main/WebHome#AttachmentAccess]] using; create a central reference library that's easy to access and manage by an entire user group.
 
 #### <a name="File Sharing"></a> File Sharing
 
-- **_share files: applications, data files; recommended for light use_**
+- For file sharing, [[FileAttachments]] on a series of topics can be used to quickly create a well-documented, categorized digital download center for all types of files: documents; graphics and other media; drivers and patches; applications; anything you can safely upload!
 
-#### <a name="Page Content"></a> Page Content
+#### <a name="Web Authoring"></a> Web Authoring
 
-- **_on-site use: linking to graphics, docs_**
+- Through your Web browser, you can easily upload graphics (or sound files, or anything else you want to embed on a page) and place them anywhere in on a single page, or for use across a web, or site-wide.
+  - **_NOTE:_** You can also add graphics - any files - directly, typically by FTP upload. This requires server access, and may be more convenient if a large number of files, or a particular directory location, is required. These files can't be managed using browser-based Attachment controls.
 
 ### <a name="Uploading Files"></a> Uploading Files
 
-- To upload: Click on the Attach link at the bottom of each page. A form is shown where you can browse for a file and upload it. The uploaded file will show up in the [[File Attachment table|Main/WebHome#FileAttachmentTable]].
-- Files of any type can be uploaded. Some files that might impose a security risk are renamed, i.e. `*.php` files are renamed to `*.php.txt`.
-- Currently there is no file size limit besides the disk space on the server.
-- The previous upload path is retained for convenience. In case you make some changes to the local file and want to upload it again you can copy the previous upload path into the Local file field.
+- To upload: Click on the **Attach** link at the bottom of each page. A form is shown where you can browse for a file and upload it. The uploaded file will show up in the [[File Attachment table|Main/WebHome#FileAttachmentTable]].
+
+- - Files of any type can be uploaded. Some files that might impose a security risk are renamed, ex: `*.php` files are renamed to `*.php.txt`.
+
+- - Currently there is no file size limit besides the disk space on the server.
+
+- - The previous upload path is retained for convenience. In case you make some changes to the local file and want to upload it, again you can copy the previous upload path into the Local file field.
 
 ### <a name="Downloading Files"></a> Downloading Files
 
 - To download: Click on the file in the [[File Attachment table|Main/WebHome#FileAttachmentTable]].
-- There is no access control on individual attachments. If you need to have this type of control create separate topics and define access restrictions on the topics.
+
+<a name="AttachmentAccess"></a>
+
+- **_NOTE:_** There is no access control on individual attachments. If you need this type of control, create separate topics and define [[access restrictions|Main/TWikiDocumentation#TWikiAccessControl]] per topic.
 
 ### <a name="Moving Attachment Files"></a> Moving Attachment Files
 
-An attachement can be moved between topics. To do this click _action_ on the attachment to be moved. On the subsequent page select the new Web and Topic, the click _Move_. The attachment and its version history is moved. The original location is stored in the [[topic meta data|Main/TWikiDocumentation#Meta_Data_Definition]].
+An attachement can be moved between topics. To do this click **Action** on the attachment to be moved. On the control page, select the new web and topic, the click **Move**. The attachment and its version history are moved. The original location is stored as [[topic Meta Data|Main/TWikiDocumentation#Meta_Data_Definition]].
 
 ### <a name="Deleting Attachments"></a> Deleting Attachments
 
@@ -61,156 +70,157 @@ It is not possible to delete attached files with the current TWiki implementatio
 ### <a name="Linking to Attached Files"></a> Linking to Attached Files
 
 - Once a file is attached it can be referenced in the topic. Example:
-  - Attach file: `Sample.txt`
-  - Edit topic and write text: `%ATTACHURL%/Sample.txt`
-  - Text is shown as: <http://www.dementia.org/twiki//view/%WEB%/%TOPIC%/Sample.txt>, ex: it is a link.
-  - To reference an attachment located in another topic write text:
-    - `%PUBURL%/%WEB%/OtherTopic/Sample.txt` (for same web)
-    - `%PUBURL%/Otherweb/OtherTopic/Sample.txt` (for different web)
+  1. **Attach** file: `Sample.txt`
+  2. **Edit** topic and write text: `%ATTACHURL%/Sample.txt`
+  3. **Preview** - `%ATTACHURL` text appears as: <http://www.dementia.org/twiki//view/%WEB%/%TOPIC%/Sample.txt>, a link.
+
+- To reference an attachment located in another topic, write text:
+  - - `%PUBURL%/%WEB%/OtherTopic/Sample.txt` (for the same web)
+    - `%PUBURL%/Otherweb/OtherTopic/Sample.txt` (for adifferent web)
 
 - Attached HTML files and text files can be inlined in a topic. Example:
-  - Attach file: `Sample.txt`
-  - Edit topic and write text: `%INCLUDE{"%ATTACHURL%/Sample.txt"}%`
-  - Content of attached file is shown inlined.
-  - Read more in [[IncludeTopicsAndWebPages]].
+  1. **Attach** file: `Sample.txt`
+  2. **Edit** topic and write text: `%INCLUDE{"%ATTACHURL%/Sample.txt"}%`
+    - Content of attached file is shown inlined.
+    - Read more in [[IncludeTopicsAndWebPages]].
 
 - GIF, JPG and PNG images can be attached and shown embedded in a topic. Example:
-  - Attach file: `Smile.gif`
-  - Edit topic and write text: `%ATTACHURL%/Smile.gif`
-  - Text is shown as: ![Smile.gif](http://www.dementia.org/twiki//view/%WEB%/%TOPIC%/Smile.gif) , it shows up as an image.
+  1. **Attach** file: `Smile.gif`
+  2. **Edit** topic and write text: `%ATTACHURL%/Smile.gif`
+  3. **Preview** - text appears as ![Smile.gif](http://www.dementia.org/twiki//view/%WEB%/%TOPIC%/Smile.gif), an image.
 
 <a name="FileAttachmentTable"></a>
 
 ### <a name="File Attachment Contents Table"></a> File Attachment Contents Table
 
-Is a table that looks like this:
-
-<table border="1" cellpadding="20" cellspacing="0">
-  <tr>
-    <td>
-      <table border="1" cellpadding="1" cellspacing="0">
-        <tr>
-          <th align="center" bgcolor="#99CCCC"><strong><a href="FileAttachment">Attachment</a>:</strong></th>
-          <th align="center" bgcolor="#99CCCC"><strong>Action:</strong></th>
-          <th align="center" bgcolor="#99CCCC"><strong>Size:</strong></th>
-          <th align="center" bgcolor="#99CCCC"><strong>Date:</strong></th>
-          <th align="center" bgcolor="#99CCCC"><strong>Who:</strong></th>
-          <th align="center" bgcolor="#99CCCC"><strong>Comment:</strong></th>
-        </tr>
-        <tr>
-          <td><img align="top" height="16" src="http://www.dementia.org/twiki//view/icn/txt.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/TWiki/FileAttachment?rev=&filename=Sample.txt">Sample.txt</a></td>
-          <td><a href="http://www.dementia.org/twiki//attach/TWiki/FileAttachment?filename=Sample.txt&revInfo=1">action</a></td>
-          <td> 30 </td>
-          <td> 22 Jul 2000 - 19:37 </td>
-          <td><a href="PeterThoeny">PeterThoeny</a></td>
-          <td> Just a sample </td>
-        </tr>
-        <tr>
-          <td><img align="top" hight="16" src="http://www.dementia.org/twiki//view/icn/bmp.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/TWiki/FileAttachment?rev=&filename=Smile.gif">Smile.gif</a></td>
-          <td><a href="http://www.dementia.org/twiki//attach/TWiki/FileAttachment?filename=Smile.gif&revInfo=1">action</a></td>
-          <td> 94 </td>
-          <td> 22 Jul 2000 - 19:38 </td>
-          <td><a href="PeterThoeny">PeterThoeny</a></td>
-          <td> Smiley face </td>
-        </tr>
-      </table>
-    </td>
-  </tr>
-</table>
+Files attached to a topic are displayed in a directory table, displayed at the bottom of the page, or optionally, hidden and accessed when you click **Attach**.
+
+> <table border="1" cellpadding="20" cellspacing="0" width="90%">
+>   <tr>
+>     <td>
+>       <table border="1" cellpadding="1" cellspacing="0">
+>         <tr>
+>           <th align="center" bgcolor="#99CCCC"><strong><a href="FileAttachment">Attachment</a>:</strong></th>
+>           <th align="center" bgcolor="#99CCCC"><strong>Action:</strong></th>
+>           <th align="center" bgcolor="#99CCCC"><strong>Size:</strong></th>
+>           <th align="center" bgcolor="#99CCCC"><strong>Date:</strong></th>
+>           <th align="center" bgcolor="#99CCCC"><strong>Who:</strong></th>
+>           <th align="center" bgcolor="#99CCCC"><strong>Comment:</strong></th>
+>         </tr>
+>         <tr>
+>           <td><img align="top" height="16" src="http://www.dementia.org/twiki//view/icn/txt.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/%WEB%/%TOPIC%?rev=&filename=Sample.txt">Sample.txt</a></td>
+>           <td><a href="http://www.dementia.org/twiki//attach/%WEB%/%TOPIC%?filename=Sample.txt&revInfo=1">action</a></td>
+>           <td> 30 </td>
+>           <td> 22 Jul 2000 - 19:37 </td>
+>           <td><a href="PeterThoeny">PeterThoeny</a></td>
+>           <td> Just a sample </td>
+>         </tr>
+>         <tr>
+>           <td><img align="top" hight="16" src="http://www.dementia.org/twiki//view/icn/bmp.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/%WEB%/%TOPIC%?rev=&filename=Smile.gif">Smile.gif</a></td>
+>           <td><a href="http://www.dementia.org/twiki//attach/%WEB%/%TOPIC%?filename=Smile.gif&revInfo=1">action</a></td>
+>           <td> 94 </td>
+>           <td> 22 Jul 2000 - 19:38 </td>
+>           <td><a href="PeterThoeny">PeterThoeny</a></td>
+>           <td> Smiley face </td>
+>         </tr>
+>       </table>
+>     </td>
+>   </tr>
+> </table>
 
 ### <a name="File Attachment Control Page"></a> File Attachment Control Page
 
-Clicking on an action link takes you to a new page that looks like this:
-
-<form>
-  <table border="1" cellpadding="20" cellspacing="0">
-    <tr>
-      <td>
-        <table border="1" cellpadding="1" cellspacing="0">
-          <tr>
-            <th align="center" bgcolor="#99CCCC"><strong><a href="FileAttachment">Attachment</a>:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Action:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Size:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Date:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Who:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Comment:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong><a href="FileAttribute">Attribute</a>:</strong></th>
-          </tr>
-          <tr>
-            <td><img align="top" height="16" src="http://www.dementia.org/twiki//view/icn/txt.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/TWiki/FileAttachment?rev=&filename=Sample.txt">Sample.txt</a></td>
-            <td><a href="http://www.dementia.org/twiki//attach/TWiki/FileAttachment?filename=Sample.txt&revInfo=1">action</a></td>
-            <td> 30 </td>
-            <td> 22 Jul 2000 - 19:37 </td>
-            <td><a href="PeterThoeny">PeterThoeny</a></td>
-            <td> Just a sample </td>
-            <td align="center">   </td>
-          </tr>
-          <tr>
-            <td><img align="top" height="16" src="http://www.dementia.org/twiki//view/icn/bmp.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/TWiki/FileAttachment?rev=&filename=Smile.gif">Smile.gif</a></td>
-            <td><a href="http://www.dementia.org/twiki//attach/TWiki/FileAttachment?filename=Smile.gif&revInfo=1">action</a></td>
-            <td> 94 </td>
-            <td> 22 Jul 2000 - 19:38 </td>
-            <td><a href="PeterThoeny">PeterThoeny</a></td>
-            <td> Smiley face </td>
-            <td align="center">   </td>
-          </tr>
-        </table>
-        <p>
-        </p>
-        <h2>Update attachment <code>Sample.txt</code></h2>
-        <p>
-        </p>
-        <table border="1" cellpadding="1" cellspacing="0">
-          <tr>
-            <th align="center" bgcolor="#99CCCC"><strong>Version:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Action:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Date:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Who:</strong></th>
-            <th align="center" bgcolor="#99CCCC"><strong>Comment:</strong></th>
-          </tr>
-          <tr>
-            <td> 1.1 </td>
-            <td><a href="http://www.dementia.org/twiki//viewfile/TWiki/FileAttachment?rev=1.1&filename=Sample.txt">view</a></td>
-            <td> 2001.08.30.09.28.56 </td>
-            <td><a href="PeterThoeny">PeterThoeny</a></td>
-            <td>   </td>
-          </tr>
-        </table>
-        <p>
-        </p>
-        <table width="100%">
-          <tr>
-            <td align="right"> Previous <br /> upload: </td>
-            <td><code>C:\DATA\Sample.txt</code> (<a href="PeterThoeny">PeterThoeny</a>) </td>
-          </tr>
-          <tr>
-            <td align="right"> Local file: </td>
-            <td><input name="filename" type="hidden" value="Sample.txt" /> <input name="filepath" size="50" type="file" value="C:\DATA\Sample.txt" /></td>
-          </tr>
-          <tr>
-            <td align="right"> Comment: </td>
-            <td><input maxlength="50" name="filecomment" size="50" type="text" value="Just a sample" /></td>
-          </tr>
-          <tr>
-            <td align="right"> Link: </td>
-            <td><input name="createlink" type="checkbox" /> Create a link to the attached file at the end of the topic. </td>
-          </tr>
-          <tr>
-            <td align="right"> Hide file: </td>
-            <td><input name="hidefile" type="checkbox" /> Hide attachment in normal topic view. </td>
-          </tr>
-        </table><em>Help text ...</em><p> Topic <b>FileAttachment</b> . { </p><input type="submit" value="   Upload file   " /> | <input name="changeproperties" type="submit" value="Change properties" /> | <a href="http://www.dementia.org/twiki//rename/TWiki/FileAttachment?attachment=Sample.txt">Move attachment</a> | <a href="FileAttachment">Cancel</a> } </td>
-    </tr>
-  </table>
-</form>
-
-The first table is a list of all attachments, including their _attributes_. A `h` means the attachment is hidden i.e. isn't listed when viewing a topic.
-
-The second table is all the versions of the attachment. Click on `view` to see that version, if it is the most recent version you'll be taken to a URL that always displays the latest version, which is usually what you want to email out.
-
-If you just want to change the comment on an attachment - enter a new comment and then press _Change properties_. Note that the comment listed against the specific version will not change, however the comment displayed when viewing the topic does change.
-
-Similarly to hide/unhide an attachment click in the _Hide file_ checkbox are press _Change properties_.
+Clicking on an **Action** link takes you to a new page that looks like this:
+
+> <form>
+>   <table border="1" cellpadding="20" cellspacing="0">
+>     <tr>
+>       <td>
+>         <table border="1" cellpadding="1" cellspacing="0">
+>           <tr>
+>             <th align="center" bgcolor="#99CCCC"><strong><a href="FileAttachment">Attachment</a>:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Action:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Size:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Date:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Who:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Comment:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong><a href="FileAttribute">Attribute</a>:</strong></th>
+>           </tr>
+>           <tr>
+>             <td><img align="top" height="16" src="http://www.dementia.org/twiki//view/icn/txt.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/TWiki/%WEB%/%TOPIC%?rev=&filename=Sample.txt">Sample.txt</a></td>
+>             <td><a href="http://www.dementia.org/twiki//attach/%WEB%/%TOPIC%?filename=Sample.txt&revInfo=1">action</a></td>
+>             <td> 30 </td>
+>             <td> 22 Jul 2000 - 19:37 </td>
+>             <td><a href="PeterThoeny">PeterThoeny</a></td>
+>             <td> Just a sample </td>
+>             <td align="center">   </td>
+>           </tr>
+>           <tr>
+>             <td><img align="top" height="16" src="http://www.dementia.org/twiki//view/icn/bmp.gif" width="16" /> <a href="http://www.dementia.org/twiki//viewfile/%WEB%/%TOPIC%?rev=&filename=Smile.gif">Smile.gif</a></td>
+>             <td><a href="http://www.dementia.org/twiki//attach/%WEB%/%TOPIC%?filename=Smile.gif&revInfo=1">action</a></td>
+>             <td> 94 </td>
+>             <td> 22 Jul 2000 - 19:38 </td>
+>             <td><a href="PeterThoeny">PeterThoeny</a></td>
+>             <td> Smiley face </td>
+>             <td align="center">   </td>
+>           </tr>
+>         </table>
+>         <p>
+>         </p>
+>         <h2>Update attachment <code>Sample.txt</code></h2>
+>         <p>
+>         </p>
+>         <table border="1" cellpadding="1" cellspacing="0">
+>           <tr>
+>             <th align="center" bgcolor="#99CCCC"><strong>Version:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Action:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Date:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Who:</strong></th>
+>             <th align="center" bgcolor="#99CCCC"><strong>Comment:</strong></th>
+>           </tr>
+>           <tr>
+>             <td> 1.1 </td>
+>             <td><a href="http://www.dementia.org/twiki//viewfile/%WEB%/%TOPIC%?rev=1.1&filename=Sample.txt">view</a></td>
+>             <td> 2001.08.30.09.28.56 </td>
+>             <td><a href="PeterThoeny">PeterThoeny</a></td>
+>             <td>   </td>
+>           </tr>
+>         </table>
+>         <p>
+>         </p>
+>         <table width="100%">
+>           <tr>
+>             <td align="right"> Previous <br /> upload: </td>
+>             <td><code>C:\DATA\Sample.txt</code> (<a href="PeterThoeny">PeterThoeny</a>) </td>
+>           </tr>
+>           <tr>
+>             <td align="right"> Local file: </td>
+>             <td><input name="filename" type="hidden" value="Sample.txt" /> <input name="filepath" size="50" type="file" value="C:\DATA\Sample.txt" /></td>
+>           </tr>
+>           <tr>
+>             <td align="right"> Comment: </td>
+>             <td><input maxlength="50" name="filecomment" size="50" type="text" value="Just a sample" /></td>
+>           </tr>
+>           <tr>
+>             <td align="right"> Link: </td>
+>             <td><input name="createlink" type="checkbox" /> Create a link to the attached file at the end of the topic. </td>
+>           </tr>
+>           <tr>
+>             <td align="right"> Hide file: </td>
+>             <td><input name="hidefile" type="checkbox" /> Hide attachment in normal topic view. </td>
+>           </tr>
+>         </table><em>Help text ...</em><p> Topic <b>FileAttachment</b> . { </p><input type="submit" value="   Upload file   " /> | <input name="changeproperties" type="submit" value="Change properties" /> | <a href="http://www.dementia.org/twiki//rename/%WEB%/%TOPIC%?attachment=Sample.txt">Move attachment</a> | <a href="FileAttachment">Cancel</a> } </td>
+>     </tr>
+>   </table>
+> </form>
+
+- The first table is a list of all attachments, including their attributes. An `h` means the attachment is hidden, it isn't listed when viewing a topic.
+
+- The second table is all the versions of the attachment. Click on **View** to see that version. If it's the most recent version, you'll be taken to an URL that always displays the latest version, which is usually what you want.
+
+- - **To change the comment** on an attachment, enter a new comment and then click **Change properties**. Note that the comment listed against the specific version will not change, however the comment displayed when viewing the topic does change.
+
+- - **To hide/unhide** an attachment, enable the **Hide file** checkbox, then click **Change properties**.
 
 ### <a name="Known Issues"></a> Known Issues
 
index 6852cdf..13f6711 100644 (file)
-**Text Formatting FAQ**
-
-This topic has answers to frequently asked questions about text formatting. [[TextFormattingRules]] has more on formatting rules in general. It also has links to HTML documentation.
-
-- [Q:](#sepa) How do I make a separator?
-- [Q:](#head) How do I create a title or a heading?
-- [Q:](#brac) Text enclosed in angle brackets like &lt;filename&gt; is not displayed. How can I show it as it is?
-- [Q:](#ques) Some words (like [[WinAPI]]) have an unwanted question mark at the end. How can I prevent that?
-- [Q:](#fixe) How can I write fixed font text?
-- [Q:](#wrap) Text I enter gets wrapped around. How can I keep the formatting as it is?
-- [Q:](#tabl) How do I create tables?
-- [Q:](#imag) Can I include images and pictures?
-- [Q:](#colo) Can I write colored text?
-
-----
-
-<a name="sepa">Q:</a> **How do I make a separator?**
-
-You can make a horizontal separator by writing 4 or more dashes at the beginning of a line.
-
-----
-
-<a name="head">Q:</a> **How do I create a title or a heading?**
-
-The most simple way is to enclose it in '\*' Asterisk characters or '\_' Underscore charcters.
-
-**This is an example header enclosed in Asterisk characters**
-
-_This is an example header enclosed in Underscore characters_
-
-You could use also HTML tags for headings, e.g. `<H4>This is an HTML heading</H4>` will show up as:
-
-#### <a name="This is an HTML heading"></a> This is an HTML heading
-
-----
-
-<a name="brac">Q:</a> **Text enclosed in angle brackets like &lt;filename&gt; is not displayed. How can I show it as it is?**
-
-TWiki interprets text as HTML. The '&lt;' and '&gt;' characters are used to define HTML commands. Any valid text within angle brackets gets interpreted by the browser as an HTML command. Invalid text is ignored, that's why it doesn't show up.
-
-There are two work arounds if you want to display angle brackets:
-
-- Do an escape sequence in HTML:
-  - Write `&lt;` instead of `<`
-  - Write `&gt;` instead of `>`
-  - Example: Write `(a &gt; 0)` instead of `(a > 0)`
-- Replace angle brackets with curly brackets.
-  - Example: Write `{is-writable}` instead of `<is-writable>`
-
-----
-
-<a name="ques">Q:</a> **Some words (like [[WinAPI]]) have an unwanted question mark at the end. How can I prevent that?**
-
-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.
-
-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 &lt;nop&gt;. This is a non existing HTML tag, so a browser just ignores it.
-
-- Example text: <br />`WinAPI as it is, <nop>WinAPI with preceeding NOP.`
-- Example output: <br />[[WinAPI]] as it is, WinAPI with preceeding NOP.
-
-----
-
-<a name="fixe">Q:</a> **How can I write fixed font text?**
-
-Enclose text in "=" equal signs.
-
-- Example text: <br />`Proportional text, =fixed font text= , proportional again.`
-- Example output: <br /> Proportional text, `fixed font text` , proportional again.
-
-Alternatively you could also use preformatted text, see next question for details.
-
-----
-
-<a name="wrap">Q:</a> **Text I enter gets wrapped around. How can I keep the formatting as it is?**
-
-TWiki interprets text as HTML. It is possible to use preformatted text to work around this. Use the preformatted HTML tags to keep the new line of text as it is. Do so by enclosing the text with &lt;PRE&gt; and &lt;/PRE&gt; tags, e.g.
-
-    This text will keep its format as it is:
-    <PRE>
-      Unit       Price Qty  Cost
-      -------  ------  ---  ------
-      aaa               12.00   3      36.00
-    </PRE>
-
-It is recommended to use preformatting for tables and source code.
-
-----
-
-<a name="tabl">Q:</a> **How do I create tables?**
-
-There are three possibilities:
-
-1. Use Wiki rule with "|" vertical bars.
-2. Use HTML tables with &lt;TABLE&gt;, &lt;TR&gt;, &lt;TD&gt; tags.
-3. Use preformatted text with &lt;PRE&gt; 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: <table border="1" cellpadding="0" cellspacing="0">
-  <tr>
-    <td> cell A1 </td>
-    <td> cell B1 </td>
-    <td> cell C1 </td>
-  </tr>
-  <tr>
-    <td> cell A2 </td>
-    <td> cell B2 </td>
-    <td> cell C2 </td>
-  </tr>
-</table>
-
-**\_2. Use HTML tables with &lt;TABLE&gt;, &lt;TR&gt;, &lt;TD&gt; 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>
-
-It is displayed as a table like 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>
-
-You can copy the example from &lt;TABLE&gt; to &lt;/TABLE&gt; and change it to your needs.
-
-More information about HTML tables can be found at <http://www.htmlhelp.com/reference/wilbur/table/table.html>
-
-**\_3. Use preformatted text with &lt;PRE&gt; tags\_**
-
-See [Q:](#wrap) Text I enter gets wrapped around. How can I keep the formatting as it is?
-
-----
-
-<a name="imag">Q:</a> **Can I include images and pictures?**
-
-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 `%ATTACHURL%/myImage.gif` . [[FileAttachment]] has more.
-
-There are actually two ways of including inline images.
-
-**\_1. Using URL ending in .gif, .jpg, .jpeg\_**
-
-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 />` TWiki http://www.dementia.org/twiki//view/wikiHome.gif logo.`
-- Example output: <br /> TWiki ![wikiHome.gif](http://www.dementia.org/twiki//view/wikiHome.gif) logo.
-
-**\_2. Using &lt;IMG&gt; tag\_**
-
-This is a manual process where you have more control over the rendering of the image. Use the &lt;IMG&gt; 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.
-
-- Example text: <br />`TWiki <IMG SRC="http://www.dementia.org/twiki//view/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.`
-- Example output: <br /> TWiki <img src="http://www.dementia.org/twiki//view/wikiHome.gif" width="46" height="50" /> logo.
-
-----
-
-<a name="colo">Q:</a> **Can I write colored text?**
-
-Place text you would like to specify a color inside &lt;FONT COLOR="colorCode"&gt; and &lt;/FONT&gt; 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:
-
-<table>
-  <tr bgcolor="#E0E0E0">
-    <td><font color="#000000"> <strong>Black:</strong> </font></td>
-    <td>"#000000" </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>
-  </tr>
-  <tr bgcolor="#C0C0C0">
-    <td><font color="#808080"> <strong>Gray:</strong> </font></td>
-    <td>"#808080" </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>
-  </tr>
-  <tr bgcolor="#E0E0E0">
-    <td><font color="#800000"> <strong>Maroon:</strong> </font></td>
-    <td>"#800000" </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>
-  </tr>
-  <tr bgcolor="#C0C0C0">
-    <td><font color="#800080"> <strong>Purple:</strong> </font></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>
-  </tr>
-</table>
-
-- Example text: <br />` <FONT COLOR="#FF0000"> Red color </FONT> draws attention. `
-- Example output: <br /><font> Red color </font> draws attention.
-
-----
+<font>**Text Formatting FAQ**</font>
+
+- The most frequently asked questions about text formatting are answered here.
+  - [[TextFormattingRules]] has the complete system in a handy quick reference format.
+
+<div>
+  <ul>
+    <li><a href="#How do I make a separator?"> How do I make a separator?</a></li>
+    <li><a href="#How do I create a title or a hea"> How do I create a title or a heading?</a><ul>
+        <li><a href="#This is an HTML heading">This is an HTML heading</a></li>
+      </ul>
+    </li>
+    <li><a href="#Text enclosed in angle brackets"> Text enclosed in angle brackets like &lt;filename&gt; is not displayed. How can I show it as it is?</a></li>
+    <li><a href="#Some words (like _WinAPI) have a"> Some words (like WinAPI) have an unwanted question mark at the end. How can I prevent that?</a></li>
+    <li><a href="#How can I write fixed font text?"> How can I write fixed font text?</a></li>
+    <li><a href="#Text I enter gets wrapped around"> Text I enter gets wrapped around. How can I keep the formatting as it is?</a></li>
+    <li><a href="#How do I create tables?"> How do I create tables?</a></li>
+    <li><a href="#Can I include images and picture"> Can I include images and pictures?</a></li>
+    <li><a href="#Can I write colored text?"> Can I write colored text?</a></li>
+  </ul>
+</div>
+
+> ----
+>
+> ### <a name="How do I make a separator?"></a> How do I make a separator?
+>
+> You can make a horizontal separator by writing 4 or more dashes at the beginning of a line.
+>
+> ----
+>
+> ### <a name="How do I create a title or a hea"></a> How do I create a title or a heading?
+>
+> The most simple way is to enclose it in '\*' Asterisk characters or '\_' Underscore characters.
+>
+> **This is an example header enclosed in Asterisk characters**
+>
+> _This is an example header enclosed in Underscore characters_
+>
+> You could use also HTML tags for headings, e.g. `<H4>This is an HTML heading</H4>` will show up as:
+>
+> #### <a name="This is an HTML heading"></a> This is an HTML heading
+>
+> ----
+>
+> <a name="TextEnclosed"></a>
+>
+> ### <a name="Text enclosed in angle brackets"></a><a name="Text enclosed in angle brackets "></a> Text enclosed in angle brackets like &lt;filename&gt; is not displayed. How can I show it as it is?
+>
+> TWiki interprets text as HTML. The '&lt;' and '&gt;' characters are used to define HTML commands. Any valid text within angle brackets gets interpreted by the browser as an HTML command. Invalid text is ignored, that's why it doesn't show up.
+>
+> There are two work arounds if you want to display angle brackets:
+>
+> - Do an escape sequence in HTML:
+>   - Write `&lt;` instead of `<`
+>   - Write `&gt;` instead of `>`
+>   - Example: Write `(a &gt; 0)` instead of `(a > 0)`
+> - Replace angle brackets with curly brackets.
+>   - Example: Write `{is-writable}` instead of `<is-writable>`
+>
+> ----
+>
+> ### <a name="Some words (like _WinAPI) have a"></a> Some words (like [[WinAPI]]) have an unwanted question mark at the end. How can I prevent that?
+>
+> 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.
+>
+> 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 &lt;nop&gt;. This is a non existing HTML tag, so a browser just ignores it.
+>
+> - Example text: <br />`WinAPI as it is, <nop>WinAPI with preceding NOP.`
+> - Example output: <br />[[WinAPI]] as it is, WinAPI with preceding NOP.
+>
+> ----
+>
+> ### <a name="How can I write fixed font text?"></a> How can I write fixed font text?
+>
+> Enclose text in "=" equal signs.
+>
+> - Example text: <br />`Proportional text, =fixed font text= , proportional again.`
+> - Example output: <br /> Proportional text, `fixed font text` , proportional again.
+>
+> Alternatively you could also use preformatted text, see next question for details.
+>
+> ----
+>
+> ### <a name="Text I enter gets wrapped around"></a> Text I enter gets wrapped around. How can I keep the formatting as it is?
+>
+> TWiki interprets text as HTML. It is possible to use preformatted text to work around this. Use the preformatted HTML tags to keep the new line of text as it is. Do so by enclosing the text with &lt;PRE&gt; and &lt;/PRE&gt; tags, e.g.
+>
+>     This text will keep its format as it is:
+>     <PRE>
+>       Unit     Price Qty  Cost
+>       -------  ------  ---  ------
+>       aaa             12.00   3      36.00
+>     </PRE>
+>
+> It is recommended to use preformatting for tables and source code.
+>
+> ----
+>
+> ### <a name="How do I create tables?"></a> How do I create tables?
+>
+> There are three possibilities:
+>
+> 1. Use Wiki rule with "|" vertical bars.
+> 2. Use HTML tables with &lt;TABLE&gt;, &lt;TR&gt;, &lt;TD&gt; tags.
+> 3. Use preformatted text with &lt;PRE&gt; 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: <table border="1" cellpadding="0" cellspacing="0">
+>   <tr>
+>     <td> cell A1 </td>
+>     <td> cell B1 </td>
+>     <td> cell C1 </td>
+>   </tr>
+>   <tr>
+>     <td> cell A2 </td>
+>     <td> cell B2 </td>
+>     <td> cell C2 </td>
+>   </tr>
+> </table>
+>
+> **\_2. Use HTML tables with &lt;TABLE&gt;, &lt;TR&gt;, &lt;TD&gt; 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>
+>
+> It is displayed as a table like 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>
+>
+> You can copy the example from &lt;TABLE&gt; to &lt;/TABLE&gt; and change it to your needs.
+>
+> More information about HTML tables can be found at <http://www.htmlhelp.com/reference/wilbur/table/table.html>
+>
+> **\_3. Use preformatted text with &lt;PRE&gt; tags\_**
+>
+> Text I enter gets wrapped around. How can I keep the formatting as it is? See [["Text enclosed..."|Main/WebHome#TextEnclosed]]
+>
+> ----
+>
+> ### <a name="Can I include images and picture"></a> Can I include images and pictures?
+>
+> 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 `%ATTACHURL%/myImage.gif` . [[FileAttachment]] has more.
+>
+> There are actually two ways of including inline images.
+>
+> **\_1. Using URL ending in .gif, .jpg, .jpeg\_**
+>
+> 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 />` TWiki http://www.dementia.org/twiki//view/wikiHome.gif logo.`
+> - Example output: <br /> TWiki ![wikiHome.gif](http://www.dementia.org/twiki//view/wikiHome.gif) logo.
+>
+> **\_2. Using &lt;IMG&gt; tag\_**
+>
+> This is a manual process where you have more control over the rendering of the image. Use the &lt;IMG&gt; 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.
+>
+> - Example text: <br />`TWiki <IMG SRC="http://www.dementia.org/twiki//view/wikiHome.gif" WIDTH=46 HEIGHT=50> logo.`
+> - Example output: <br /> TWiki <img src="http://www.dementia.org/twiki//view/wikiHome.gif" width="46" height="50" /> logo.
+>
+> ----
+>
+> ### <a name="Can I write colored text?"></a> Can I write colored text?
+>
+> Place text you would like to specify a color inside &lt;FONT COLOR="colorCode"&gt; and &lt;/FONT&gt; 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:
+>
+> <table>
+>   <tr bgcolor="#E0E0E0">
+>     <td><font color="#000000"> <strong>Black:</strong> </font></td>
+>     <td>"#000000" </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>
+>   </tr>
+>   <tr bgcolor="#C0C0C0">
+>     <td><font color="#808080"> <strong>Gray:</strong> </font></td>
+>     <td>"#808080" </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>
+>   </tr>
+>   <tr bgcolor="#E0E0E0">
+>     <td><font color="#800000"> <strong>Maroon:</strong> </font></td>
+>     <td>"#800000" </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>
+>   </tr>
+>   <tr bgcolor="#C0C0C0">
+>     <td><font color="#800080"> <strong>Purple:</strong> </font></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>
+>   </tr>
+> </table>
+>
+> - Example text: <br />` <FONT COLOR="#FF0000"> Red color </FONT> draws attention. `
+> - Example output: <br /><font> Red color </font> draws attention.
+>
+> ----
 
 -- [[PeterThoeny]] - 18 Aug 2000