# Txt2tags Markup Demo

## See marks converted to HTML

BASIC
    = Title level 1 =

    == Title level 2 ==

    === Title level 3 ===
| # Title level 1 ## Title level 2 ### Title level 3
    + Numbered Title level 1 +

    ++ Numbered Title level 2 ++

    +++ Numbered Title level 3 +++
| # 1. Numbered Title level 1 ## 1.1. Numbered Title level 2 ### 1.1.1. Numbered Title level 3
    A paragraph is made by one or
    more lines.

    A blank line separates them.
| A paragraph is made by one or more lines. A blank line separates them.
    % start a line with
    a percent sign,
    % and it will be ignored
    useful for TODOs!
| a percent sign, useful for TODOs!
    For beautifiers we have **bold**
    and //italic//.

    There is also __underline__, --strike--
    and ``monospaced``.
| For beautifiers we have bold and italic. There is also underline, strike and `monospaced`.
LISTS
    - This is a list of items
    - Just use hyphens
      - More indent opens a sublist

    Two blank lines close all the lists.
| This is a list of items Just use hyphens More indent opens a sublist Two blank lines close all the lists.
    + Change the hyphen by a plus
    + And you have a numbered list
      + Same rules apply
      +
    +
    An empty item closes the current list.
| Change the hyphen by a plus And you have a numbered list Same rules apply An empty item closes the current list.
    : Definition list
      A list with terms
    : Start term with colon
      And its definition follows
    :
| Definition list A list with terms Start term with colon And its definition follows
AREAS
    	A quoted paragraph is prefixed
    	by a TAB.
    		More TABs, more deep.
    No TAB or blank line, closes quote.
| A quoted paragraph is prefixed by a TAB. More TABs, more deep. No TAB or blank line, closes quote.
    Verbatim line is nice for commands:
    ``` $ cat /etc/passwd | tr : ,
    Just prefix it with 3 backquotes.
| Verbatim line is nice for commands:
    $ cat /etc/passwd | tr : ,
Just prefix it with 3 backquotes.
    ```
      A verbatim area is enclosed
          inside three backquotes.
    **Marks** are not interpreted
         and spacing is preserved.
    ```
      A verbatim area is enclosed
          inside three backquotes.
    **Marks** are not interpreted
         and spacing is preserved.
    """
           A raw area is enclosed
        inside three doublequotes.

    **Marks** are not interpreted
     and spacing is not preserved.
    """
| A raw area is enclosed inside three doublequotes. **Marks** are not interpreted and spacing is not preserved.
    '''
    <div id="myblock">

    <p style="color:red">
    A tagged area is enclosed
    inside three single quotes.
    </p>

    <p style="color:blue">
    No parsing is made inside it,
    useful to insert target code.
    </p>

    </div>
    '''
| A tagged area is enclosed inside three single quotes. No parsing is made inside it, useful to insert target code.
OTHER
    || Table Heading | Table Heading |
    |          Table |     align     |
    |          lines |      is       |
    |      with cell |     nice!     |
Table Heading | Table Heading
--- | ---
Table | align
lines | is
with cell | nice!
    [t2t.png] Left aligned image

    Center [t2t.png] aligned

    Right aligned [t2t.png]
| Left aligned image Center aligned Right aligned
    A link is recognized@automaticaly.see?

    A [named link www.myurl.com] is easy.

    An image [[t2t.png] as-a-link.html].
| A link is recognized@automaticaly.see? A named link is easy. An image .
    A separator line:
    --------------------
    And a stronger one:
    ====================
    (At least 20 chars)
| A separator line: And a stronger one: (At least 20 chars)

Go to the txt2tags website