Compose tips

  • Allowed HTML tags: <a> <b> <i> <u> <ul> <ol> <li> <dd> <dt> <small> <em> <p> <br><strong><h1><h2><h3><code><hr>

    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://sharperiron.org">SharperIron</a>SharperIron
    Bolded<b>Bolded</b>Bolded
    Italicized<i>Italicized</i>Italicized
    Underlined<u>Underlined</u>Underlined
    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
    No help provided for tag small.
    Emphasized<em>Emphasized</em>Emphasized
    By default paragraph tags are automatically added, so use this tag to add additional ones.<p>Paragraph one.</p> <p>Paragraph two.</p>

    Paragraph one.

    Paragraph two.

    By default line break tags are automatically added, so use this tag to add additional ones. Use of this tag is different because it is not used with an open/close pair like all the others. Use the extra " /" inside the tag to maintain XHTML 1.0 compatibilityText with <br />line breakText with
    line break
    Strong<strong>Strong</strong>Strong
    Header<h1>Title</h1>

    Title

    Header<h2>Subtitle</h2>

    Subtitle

    Header<h3>Subtitle three</h3>

    Subtitle three

    Coded text used to show programming source code<code>Coded</code>Coded
    No help provided for tag hr.

    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;"
  • Quoted content can be placed between [quote] tags in order to be displayed as an indented quote. Every [quote] tag must have a corresponding [/quote] tag. For example:

    [quote]This is a simple quote.[/quote]
    is displayed as:

    Quote:
    This is a simple quote.

    Additionally, there is an optional attribute which allows quotes to specify the original author.

    [quote=Mr. Drupal]This is a quote with an attribution line.[/quote]
    is displayed as:

    Mr. Drupal wrote:
    This is a quote with an attribution line.

    Finally, multiple [quote] tags can be nested within one another. Just remember that every [quote] tag must have a corresponding [/quote] tag.

    [quote]I think she says it best...
    [quote=Ms. Quotation]This is a quote nested within another quote.[/quote]
    but you can't argue with
    [quote=Ms. Reply]The more quotes, the merrier.
    Just don't get too carried away.[/quote]
    And I have nothing more to say.[/quote]
    is displayed as:

    Quote:
    I think she says it best...
    Ms. Quotation wrote:
    This is a quote nested within another quote.
    but you can't argue with
    Ms. Reply wrote:
    The more quotes, the merrier. Just don't get too carried away.
    And I have nothing more to say.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Internal paths in double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or relative path. Given a site located at http://example.com/mysite, assuming clean URLs are enabled and "internal:admin/user" becomes "http://example.com/mysite/admin/user" and "internal:node/99" becomes "http://example.com/mysite/node/99". If 'node/99' has a URL alias assigned, such as 'news/latest' the alias will be substituted giving "http://example.com/mysite/news/latest".
  • If you include a textual smiley in your post (see chart below), it will be replaced by a graphical smiley.
    Smileys
    SmileyAcronyms
    :):) :-) :smile:
    :D:D :-D :lol:
    :bigsmile::bigsmile:
    ;);) ;-) :wink:
    :p:p :-p :tongue:
    :O:O :-O :shock:
    :|:| :-| :stare:
    :(:( :-( :sad:
    :~:~ :-~ :puzzled:
    :cry::cry:
    8-)8-) :cool:
    J-)J-) :crazy:
    :X:X :-X :oops:
    :8):8) :8-) :shy:
    0:)0:) 0) 0:-) :innocent:
    |(|( \( :angry:
    :Sp:Sp :-S) :sick:
    :tired::tired:
    H:)H:) H:-) :grade:
    :star::star:
    :arrow::arrow:
    :quest::quest:
    :exmark::exmark:
  • 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 Guide

    BBCode (as in Bulletin Board code) allows you to format your text. To use BBCode, you add "tags" to your text. Enclose every tag in [ and ] brackets. To format a chunk of text use an opening tag and a closing tag. The closing tag is the same as opening one except that it beings with [/. Examples below. Mistyping a tag or failing to close it can produce poor results.

    Simple text formatting

    BBCode allows you to make some parts of your text stand out by adding [b]old, [i]talic, [u]nderlined and [s]trikeout formatting.

    The [color]allows you to change the color of the text you enclose. The color tag requires that you specify the color in the first tag following an equals sign. Do not repeat the parameter in the closing tag!
    You can specify several color names (red, blue, green, white, etc.) or a hexadecimal color value (#CDCDCD, #FFFFFF, etc.) in the [color] tag.

    usagedisplay
    I [b]need to do[/b] this by the weekend I need to do this by the weekend
    John said that [i]we should[/i] ask her John said that we should ask her
    I [u]would not like to[/u] offend you I would not like to offend you
    Let's correct this [s]mispelled[/s] misspelled word Let's correct this mispelled misspelled word
    Jane was at [color=blue]the coast[/color] Jane was at the coast
    Joe was in [color=#FF0000]the forest[/color] Joe was in the forest

    Creating links

    You have multiple options to specify links to other destinations in your posts.

    URLs starting with "www" or "ftp" (eg. www.example.com) are automatically turned into links. You can also use the [url] tag and include clickable text for the link. If you use the url tag without inserting text, the enclosed text becomes the URL.

    Email addresses in posts are also automatically converted to email links.

    usagedisplay
    For more examples, visit www.example.com For more examples, visit www.example.com
    For more examples, visit http://example.com For more examples, visit http://example.com
    If you have questions ask me at joe@example.com If you have questions ask me at joe@example.com
    We use [url=http://example.com/]the example site[/url] in these examples We use the example site in these examples

    Displaying images

    The [img] tag allows you to display an image in your post. You need to specify a URL to the image, so it needs to be accessible somewhere on the internet. Keep the images small to avoid slow page loads!

    URLs enclosed in [img] tags display the images at the URLs. For example A good screenshot: [img]http://example.com/screenshot.png[/img] will display screenshot.png if it exists.

    Ordered and unordered lists

    An unordered list is a bulleted list. To created a bulleted list, enclose the list elements in [list] opening and closing tags. Mark the start of each item using the [*] tag.

    To create a numbered list, add a parameter to the [list] tag specifying what type of ordered list you want. The possible parameters are "i", "I", "1", "a", "A", "c", "d" and "s". Experiment and you'll figure it out.

    usagedisplay
    I love
     [list]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    • Oranges
    • Apples
    • Bananas
    I love
     [list=I]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    1. Oranges
    2. Apples
    3. Bananas
    I love
     [list=1]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    1. Oranges
    2. Apples
    3. Bananas

    Fixed-width text and block formatting

    Text and block alignment

    You can also set the alignment of the text by using [left], [right] and [center] tags. The [float] tag can be used to place floating boxes in the text (especially handy for images). You can specify the direction of the floating with [float=left] and [float=right]. The [justify] tag justifies text on both sides of the page.

    Other supported tags

    It is possible to quote something that has already been posted by putting [quote][/quote] tags around it. To quote a specific person, use [quote=username]. You can quote inside quotes.

    The [sub] and [sup] tags can be used to add subscript and superscript text. For example, H[sub]2[/sub]O gives H2O, while X[sup]3[/sup] gives X3.

    The [notag] tags prevent text inside the tags from being parsed. This allows you to give examples of BBcode and not have it converted to HTML. For example: [notag]These [b]tags[/b] are not rendered[/notag] will produce "These [b]tags[/b] are not rendered".

    Using multiple formatting tags

    You can apply more than one tag to a portion of text. I was at [b][i]the coast[/i][/b] becomes I was at the coast.

    Be sure to keep the proper order of the opening and closing tags. Close the tags in the opposite order in which you opened them.