Compose tips

input formats:
  • Filtered HTML:
    • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

      This site allows HTML content. While learning all of HTML may feel intimidating, learning how to use a very small number of the most basic HTML "tags" is very easy. This table provides examples for each tag that is enabled on this site.

      For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.

      Tag DescriptionYou TypeYou Get
      Anchors are used to make links to other pages.<a href="http://www.pbahq.org">The Progressive Blog Alliance HQ</a>The Progressive Blog Alliance HQ
      Emphasized<em>Emphasized</em>Emphasized
      Strong<strong>Strong</strong>Strong
      Cited<cite>Cited</cite>Cited
      Coded text used to show programming source code<code>Coded</code>Coded
      Unordered list - use the <li> to begin each list item<ul> <li>First item</li> <li>Second item</li> </ul>
      • First item
      • Second item
      Ordered list - use the <li> to begin each list item<ol> <li>First item</li> <li>Second item</li> </ol>
      1. First item
      2. Second item
      Definition lists are similar to other HTML lists. <dl> begins the definition list, <dt> begins the definition term and <dd> begins the definition description.<dl> <dt>First term</dt> <dd>First definition</dd> <dt>Second term</dt> <dd>Second definition</dd> </dl>
      First term
      First definition
      Second term
      Second definition

      Most unusual characters can be directly entered without any problems.

      If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

      Character DescriptionYou TypeYou Get
      Ampersand&amp;&
      Greater than&gt;>
      Less than&lt;<
      Quotation mark&quot;"
    • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple blank lines.
  • BBCode:
    • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

      This site allows HTML content. While learning all of HTML may feel intimidating, learning how to use a very small number of the most basic HTML "tags" is very easy. This table provides examples for each tag that is enabled on this site.

      For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.

      Tag DescriptionYou TypeYou Get
      Anchors are used to make links to other pages.<a href="http://www.pbahq.org">The Progressive Blog Alliance HQ</a>The Progressive Blog Alliance HQ
      Emphasized<em>Emphasized</em>Emphasized
      Strong<strong>Strong</strong>Strong
      Cited<cite>Cited</cite>Cited
      Coded text used to show programming source code<code>Coded</code>Coded
      Unordered list - use the <li> to begin each list item<ul> <li>First item</li> <li>Second item</li> </ul>
      • First item
      • Second item
      Ordered list - use the <li> to begin each list item<ol> <li>First item</li> <li>Second item</li> </ol>
      1. First item
      2. Second item
      Definition lists are similar to other HTML lists. <dl> begins the definition list, <dt> begins the definition term and <dd> begins the definition description.<dl> <dt>First term</dt> <dd>First definition</dd> <dt>Second term</dt> <dd>Second definition</dd> </dl>
      First term
      First definition
      Second term
      Second definition

      Most unusual characters can be directly entered without any problems.

      If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

      Character DescriptionYou TypeYou Get
      Ampersand&amp;&
      Greater than&gt;>
      Less than&lt;<
      Quotation mark&quot;"
    • You may use these tags:
      • [i]italic[/i]
        Italic text.
        italic
      • [h6]Sub-sub-section[/h6]
        Level 6 heading.
        Sub-sub-section
      • [hr]
        Horizontal divider.

      • [code]content[/code]
        Formats the content text as code, that is, in Monospace and with a grey box around it. BBCode tags within this tag will <em>not</em> be parsed.
        content
      • [php]<?php echo 'Hello World' . 5 . ; ?>[/php]
        This colors the syntax of PHP code using the in-built PHP highlighting library.
        <?php echo 'Hello World' . 5 . ;
      • [list]content[/list]
        Formats a list of items in the default style.
        • content
      • [define]
        --verbose:This will start the program with full debug messages.
        --in=IN:This will set the input file to IN.
        --out=OUT:This will write output to OUT.
        [/define]

        Formats a definition list.
      • [acronym=PHP: Hypertext Preprocessor]PHP[/acronym]
        Puts a tooltip over the contained text, which displays the full meaning of the acronym.
        PHP
      • [abbr=et cetera]etc.[/abbr]
        Identifies the content as an abbreviation and displays the full meaning in a tooltip.
        etc.
      • [wikipedia]Dragons[/wikipedia]
        Formats a link to Wikipedia, the free encyclopedia.
      • [table]content[/table]

      • [sup]content[/sup]

        content
      • [sub]content[/sub]

        content
      • [ol]content[/ol]
        Formats a numbered list of items.
        1. content
      • [ul]content[/ul]
        Formats a non-numbered list of items.
        • content
      • [node=42]link[/node]
        Formats a link to an existing node on this site. This link will point to the alias.
      • [h5]Sub-section[/h5]
        Level 5 heading.
        Sub-section
      • [h4]Section[/h4]
        Level 4 heading.

        Section

      • [b]bold[/b]
        Bold text.
        bold
      • [u]underlined[/u]
        Underlined text.
        underlined
      • [s]this sentence is false[/s]
        Stricken-through text.
        this sentence is false
      • [font=arial]Text[/font]
        Changes the font of the text.
        Text
      • [size=16pt]Text[/size]
        Changes the text size. This requires the <em>unit</em> (pt, px, em) of the size.
        Text
      • [color=#f80]Orange text[/color]
        Changes the color. You may enter a color word (red) or a hex code <em>with hash sign</em> (#ff0)
        Orange text
      • [left]Left-aligned text[/left]
        Aligns text on the left side

        Left-aligned text

      • [right]Right-aligned text[/right]
        Aligns text on the right side

        Right-aligned text

      • [center]Centered text[/center]
        Aligns text in the center

        Centered text

      • [justify]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/justify]
        Aligns text as a justified block.

        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

      • [url=http://www.google.com]Google[/url]
        Formats a Hyperlink.
      • [img=160x120]http://stuff.ermarian.net/arancaytar/images/lake_sunrise_s.jpg[/img]
        Displays a picture. The size may be set by entering widthxheight as the only option.
        IMAGE(http://stuff.ermarian.net/aranca...)
      • [h1]Title[/h1]
        Level 1 heading.

        Title

      • [h2]Volume[/h2]
        Level 2 heading. Use this as the top level on the site as level 1 is used by the site header.

        Volume

      • [h3]content[/h3]
        Level 3 heading. Use this as the top level within nodes as levels 1 and 2 are used by the site and node title.

        content

      • [quote]Quote[/quote]
        Formats a quote
        Quote
    • Web page addresses and e-mail addresses turn into links automatically.
    • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple blank lines.