Menu

Style Guide

Proper styles can make a big difference in how professional your site looks. For any content type you're creating or editing, you can use this style guide to help.

Headers (H2, H3, H4)

Headers help lead a reader's eye and make web pages more readable. Headers should be used to separate and organize content on a page.

No Underlines / Light on the Bolding

Underlining is not possible on AIChE community sites as it is confusing to the site visitor. Text that is underlined can often be confused by the site visitor as a link. 

Text Formats

HTML

  • Allowed HTML tags: <a> <address> <b> <blockquote> <br> <cite> <code> <dd> <div> <dl> <dt> <em> <h2> <h3> <h4> <h5> <h6> <i> <img> <li> <ol> <p> <span> <strong> <sub> <sup> <table> <tbody> <td> <thead> <tr> <ul>
    Allowed Style properties: float
  • Web page addresses and e-mail addresses turn into links automatically.
  • Your typing habits may include hitting the return key twice when completing a paragraph. This site will accomodate your habit, and ensure the content is in keeping with the the stylistic formatting of the site's theme.

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.

  • Allowed HTML tags: <address><p> <br> <a> <b> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <h2> <h3> <h4> <h5> <h6> <img> <table> <tr> <td> <thead> <th> <sup> <sub> <h2> <h3> <h4> <h5> <h6><iframe><div>

    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 Description You Type You Get
    No help provided for tag address.
    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 compatibility Text with <br />line break Text with
    line break
    Anchors are used to make links to other pages. <a href="http://www.aiche.org">AIChE</a> AIChE
    Bolded <b>Bolded</b> Bolded
    Strong <strong>Strong</strong> Strong
    Cited <cite>Cited</cite> Cited
    Block quoted <blockquote>Block quoted</blockquote>
    Block quoted
    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
    No help provided for tag li.
    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
    No help provided for tag dt.
    No help provided for tag dd.
    Heading <h2>Subtitle</h2>

    Subtitle
    Heading <h3>Subtitle three</h3>

    Subtitle three
    Heading <h4>Subtitle four</h4>

    Subtitle four
    Heading <h5>Subtitle five</h5>
    Subtitle five
    Heading <h6>Subtitle six</h6>
    Subtitle six

    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 Description You Type You Get
    Ampersand &amp; &
    Greater than &gt; >
    Less than &lt; <
    Quotation mark &quot; "
  • Your typing habits may include hitting the return key twice when completing a paragraph. This site will accomodate your habit, and ensure the content is in keeping with the the stylistic formatting of the site's theme.

Simple Formatting

  • Allowed HTML tags: <a> <br> <p>

  • 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.
  • Web page addresses and e-mail addresses turn into links automatically.