You are here

  • Allowed HTML tags: <p>,<br>,<blockquote>, <em>, <strong>

    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
    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
    Block quoted<blockquote>Block quoted</blockquote>
    Block quoted
    Emphasized<em>Emphasized</em>Emphasized
    Strong<strong>Strong</strong>Strong

    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;"
  • Non-latin text (e.g., å, ö, 漢) will be converted to US-ASCII equivalents (a, o, ?).
  • 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.
  • Blazy: Image or iframe is lazyloaded. To disable, add attribute data-unblazy:

    • <img data-unblazy />
    • <iframe data-unblazy />

    To build a grid of images/ videos, add attribute data-grid (only to the first item):

    • For images: <img data-grid="1 3 4" />
    • For videos: <iframe data-grid="1 3 4" />
    • If both media types are present, choose only the first item.

    To build a CSS3 Masonry columns of images/ videos, add attribute data-column (only to the first item):

    • For images: <img data-column="1 3 4" />
    • For videos: <iframe data-column="1 3 4" />
    • If both media types are present, choose only the first item.
    The numbers represent the amount of grids/ columns for small, medium and large devices respectively, space delimited. Be aware! All media items will be grouped regardless of their placements, unless those disabled via data-unblazy. This is also required if using Image to lightbox (Colorbox, Photobox, PhotoSwipe). Only one block of grids or columns can exist at a time in a particular body text.