/samples/sample.xhtmls
http://txt2tags.googlecode.com/ · Unknown · 461 lines · 407 code · 54 blank · 0 comment · 0 complexity · 9f78b2486a67552483f85c3b7c51dc37 MD5 · raw file
- <?xml version="1.0"
- encoding="UTF-8"
- ?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>TXT2TAGS SAMPLE</title>
- <meta name="generator" content="http://txt2tags.org" />
- <style type="text/css">body {background-color:#FFFFFF ; color:#000000}</style>
- </head>
- <body>
- <div style="text-align:center">
- <h1>TXT2TAGS SAMPLE</h1>
- <h2>Aurelio Jargas</h2>
- <h3>04/08/2012</h3>
- </div>
- <p>
- This text is before the introduction.
- </p>
- <p>
- But it's OK.
- </p>
- <h1>Introduction</h1>
- <p>
- Welcome to the txt2tags sample file.
- </p>
- <p>
- Here you have examples and a brief explanation of all
- marks.
- </p>
- <p>
- The first 3 lines of the this file are used as headers,
- on the following format:
- </p>
- <pre>
- line1: document title
- line2: author name, email
- line3: date, version
- </pre>
- <p>
- Lines with balanced equal signs = around are titles.
- </p>
- <h1>Fonts and Beautifiers</h1>
- <p>
- We have two sets of fonts:
- </p>
- <p>
- The NORMAL type that can be improved with beautifiers.
- </p>
- <p>
- The TYPEWRITER type that uses monospaced font for
- pre-formatted text.
- </p>
- <p>
- We will now enter on a subtitle...
- </p>
- <h2>Beautifiers</h2>
- <p>
- The text marks for beautifiers are simple, just as you
- type on a plain text email message.
- </p>
- <p>
- We use double *, /, - and _ to represent <strong>bold</strong>,
- <em>italic</em>, <span style="text-decoration:line-through">strike</span> and <span style="text-decoration:underline">underline</span>.
- </p>
- <p>
- The <strong><em>bold italic</em></strong> style is also supported as a
- combination.
- </p>
- <h2>Pre-Formatted Text</h2>
- <p>
- We can put a code sample or other pre-formatted text:
- </p>
- <pre>
- here is pre-formatted
- //marks// are **not** ``interpreted``
- </pre>
- <p>
- And also, it's easy to put a one line pre-formatted
- text:
- </p>
- <pre>
- prompt$ ls /etc
- </pre>
- <p>
- Or use <code>pre-formatted</code> inside sentences.
- </p>
- <h2>More Cosmetics</h2>
- <p>
- Special entities like email (<a href="mailto:duh@somewhere.com">duh@somewhere.com</a>) and
- URL (<a href="http://www.duh.com">http://www.duh.com</a>) are detected automagically,
- as long as the horizontal line:
- </p>
- <hr class="light" />
- <p>
- ^ thin or large v
- </p>
- <hr class="heavy" />
- <p>
- You can also specify an <a href="http://duh.org">explicit link</a>
- or an <a href="mailto:duh@somewhere.com">explicit email</a> with label.
- </p>
- <p>
- And remember,
- </p>
- <blockquote>
- A TAB in front of the line does a quotation.
- <blockquote>
- More TABs, more depth (if allowed).
- </blockquote>
- </blockquote>
- <p>
- Nice.
- </p>
- <h1>Lists</h1>
- <p>
- A list of items is natural, just putting a <strong>dash</strong> or
- a <strong>plus</strong> at the beginning of the line.
- </p>
- <h2>Plain List</h2>
- <p>
- The dash is the default list identifier. For sublists,
- just add <strong>spaces</strong> at the beginning of the line. More
- spaces, more sublists.
- </p>
- <ul>
- <li>Earth
- <ul>
- <li>America
- <ul>
- <li>South America
- <ul>
- <li>Brazil
- <ul>
- <li>How deep can I go?
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li>Europe
- <ul>
- <li>Lots of countries
- </li>
- </ul>
- </li>
- </ul>
- </li>
- <li>Mars
- <ul>
- <li>Who knows?
- </li>
- </ul>
- </li>
- </ul>
- <p>
- The list ends with <strong>two</strong> consecutive blank lines.
- </p>
- <h2>Numbered List</h2>
- <p>
- The same rules as the plain list, just a different
- identifier (plus).
- </p>
- <ol>
- <li>one
- </li>
- <li>two
- </li>
- <li>three
- <ul>
- <li>mixed lists!
- </li>
- <li>what a mess
- <ol>
- <li>counting again
- </li>
- <li>...
- </li>
- </ol>
- </li>
- </ul>
- </li>
- <li>four
- </li>
- </ol>
- <h2>Definition List</h2>
- <p>
- The definition list identifier is a colon, followed by
- the term. The term contents is placed on the next line.
- </p>
- <dl>
- <dt>orange</dt><dd>
- a yellow fruit
- </dd>
- <dt>apple</dt><dd>
- a green or red fruit
- </dd>
- <dt>other fruits</dt><dd>
- <ul>
- <li>wee!
- </li>
- <li>mixing lists
- <ol>
- <li>again!
- </li>
- <li>and again!
- </li>
- </ol>
- </li>
- </ul>
- </dd>
- </dl>
- <h1>Tables</h1>
- <p>
- Use pipes to compose table rows and cells.
- Double pipe at the line beginning starts a heading row.
- Natural spaces specify each cell alignment.
- </p>
- <table style="text-align:center" border="1" cellpadding="4">
- <tr>
- <td>cell 1.1</td>
- <td style="text-align:center">cell 1.2</td>
- <td style="text-align:right">cell 1.3</td>
- </tr>
- <tr>
- <td>cell 2.1</td>
- <td style="text-align:center">cell 2.2</td>
- <td style="text-align:right">cell 2.3</td>
- </tr>
- <tr>
- <td>cell 3.1</td>
- <td style="text-align:center">cell 3.2</td>
- <td style="text-align:right">cell 3.3</td>
- </tr>
- </table>
- <table border="1" cellpadding="4">
- <tr>
- <th>heading 1</th>
- <th>heading 2</th>
- <th>heading 3</th>
- </tr>
- <tr>
- <td>cell 1.1</td>
- <td style="text-align:center">cell 1.2</td>
- <td style="text-align:right">cell 1.3</td>
- </tr>
- <tr>
- <td>cell 2.1</td>
- <td style="text-align:center">cell 2.2</td>
- <td style="text-align:right">cell 2.3</td>
- </tr>
- </table>
- <table style="text-align:center" border="1" cellpadding="4">
- <tr>
- <th>heading 1</th>
- <td style="text-align:center">cell 1.1</td>
- <td style="text-align:right">cell 1.2</td>
- </tr>
- <tr>
- <th>heading 2</th>
- <td style="text-align:center">cell 2.1</td>
- <td style="text-align:right">cell 2.2</td>
- </tr>
- <tr>
- <th>heading 3</th>
- <td style="text-align:center">cell 3.1</td>
- <td style="text-align:right">cell 3.2</td>
- </tr>
- </table>
- <table border="1" cellpadding="4">
- <tr>
- <th>heading</th>
- <th>heading 1</th>
- <th>heading 2</th>
- </tr>
- <tr>
- <th>heading 1</th>
- <td style="text-align:center">cell 1.1</td>
- <td style="text-align:right">cell 1.2</td>
- </tr>
- <tr>
- <th>heading 2</th>
- <td style="text-align:center">cell 2.1</td>
- <td style="text-align:right">cell 2.2</td>
- </tr>
- </table>
- <p>
- Without the last pipe, no border:
- </p>
- <table style="text-align:center" cellpadding="4">
- <tr>
- <td>cell 1.1</td>
- <td style="text-align:center">cell 1.2</td>
- <td style="text-align:right">cell 1.3</td>
- </tr>
- <tr>
- <td>cell 2.1</td>
- <td style="text-align:center">cell 2.2</td>
- <td style="text-align:right">cell 2.3</td>
- </tr>
- <tr>
- <td>cell 3.1</td>
- <td style="text-align:center">cell 3.2</td>
- <td style="text-align:right">cell 3.3</td>
- </tr>
- </table>
- <table cellpadding="4">
- <tr>
- <th>heading 1</th>
- <th>heading 2</th>
- <th>heading 3</th>
- </tr>
- <tr>
- <td>cell 1.1</td>
- <td style="text-align:center">cell 1.2</td>
- <td style="text-align:right">cell 1.3</td>
- </tr>
- <tr>
- <td>cell 2.1</td>
- <td style="text-align:center">cell 2.2</td>
- <td style="text-align:right">cell 2.3</td>
- </tr>
- </table>
- <table style="text-align:center" cellpadding="4">
- <tr>
- <th>heading 1</th>
- <td style="text-align:center">cell 1.1</td>
- <td style="text-align:right">cell 1.2</td>
- </tr>
- <tr>
- <th>heading 2</th>
- <td style="text-align:center">cell 2.1</td>
- <td style="text-align:right">cell 2.2</td>
- </tr>
- <tr>
- <th>heading 3</th>
- <td style="text-align:center">cell 3.1</td>
- <td style="text-align:right">cell 3.2</td>
- </tr>
- </table>
- <table cellpadding="4">
- <tr>
- <th>heading</th>
- <th>heading 1</th>
- <th>heading 2</th>
- </tr>
- <tr>
- <th>heading 1</th>
- <td style="text-align:center">cell 1.1</td>
- <td style="text-align:right">cell 1.2</td>
- </tr>
- <tr>
- <th>heading 2</th>
- <td style="text-align:center">cell 2.1</td>
- <td style="text-align:right">cell 2.2</td>
- </tr>
- </table>
- <h1>Special Entities</h1>
- <p>
- Because things were too simple.
- </p>
- <h2>Images</h2>
- <p>
- The image mark is as simple as it can be: <code>[filename]</code>.
- </p>
- <p>
- <img style="text-align:center" src="img/photo.jpg" alt=""/>
- </p>
- <p>
- And with some targets the image is linkable :
- </p>
- <p>
- <a href="http://www.txt2tags.org"><img style="text-align:center" src="img/photo.jpg" alt=""/></a>
- </p>
- <ul>
- <li>The filename must end in PNG, JPG, GIF, or similar.
- </li>
- <li>No spaces inside the brackets!
- </li>
- </ul>
- <h2>Other</h2>
- <p>
- When the target needs, special chars like <, > and &
- are escaped.
- </p>
- <p>
- The handy <code>%%date</code> macro expands to the current date.
- </p>
- <p>
- So today is 20120408 on the ISO <code>YYYYMMDD</code> format.
- </p>
- <p>
- You can also specify the date format with the %? flags,
- as <code>%%date(%m-%d-%Y)</code> which gives: 04-08-2012.
- </p>
- <p>
- That's all for now.
- </p>
- <hr class="light" />
- <p>
- <img style="text-align:left" src="img/t2tpowered.png" alt=""/> (<a href="sample.t2t">sample.t2t</a>)
- </p>
- <!-- xhtmls code generated by txt2tags 2.6.880 (http://txt2tags.org) -->
- <!-- cmdline: txt2tags -t xhtmls sample.t2t -->
- </body></html>