If you want a quick reference guide to using HTML tags in E2, this is the place. However,

  • if you want a slower walk-through, visit the entire list at E2 HTML tags or view the guide in smaller chunks, starting at the contents
  • if you want a deeper explanation of something, follow the link from the section heading to jump to that section of the guide
  • if you already know HTML, a list of tags allowed in E2 is at E2 FAQ: HTML



1 - Tags and Starting New Lines

<br /> starts a new line; denote a paragraph by putting it between <p> and </p>

<p align="right">This is a right-aligned paragraph</p>

<p align="center">Center-aligned paragraph</p>

<p align="left">Left-aligned paragraph (default)</p>

<p align="justify">Full-justified paragraph (full-width lines align on the left and right margins).</p>



2 - Character Formatting

Try not to use the <b>bold</b>, <i>italic</i>, and <u>underline</u> tags, as they are physical styles.
Usually, the logical styles <em>emphasis</em> and <strong>strong</strong> are a better choice.

You can make text <small>small</small>, <big>big</big>, <sup>superscript</sup>, <sub>subscript</sub>, and <var>variable</var>

For fixed-width text, you can have it inline using <tt>teletype text</tt>, <code>code</code>, <kbd>text to enter via a keyboard</kbd>, and <samp>sample output</samp>.

<pre>
For longer sections,
the pre-formatted tag
can be used.
</pre>

For "editing", you can have text that <del>is deleted</del>, <ins>is inserted</ins>, <strike>is has been striked through one way</strike>, <s>has been striked through the same way, but with a different tag</s>.



3 - Special Characters

&amp;    &     ampersand
&lt;     <     less than
&gt;     >     greater than
&#91;    [     (in Everything, this will start a link)
&#93;    ]     (in Everything, this will end a link)



4 - Lists

Unordered list:

  • <ul>
  • <li>
  • (list item)
  • </li>
  • (repeat as many <li>...</li> as desired)
  • </ul>
Ordered list:
  1. <ol>
  2. <li>
  3. (list item)
  4. </li>
  5. (repeat as many <li>...</li> as desired)
  6. </ol>
Ordered list , specifying type:
  1. <ol type="I">
    1. <ol type="A">
      1. <ol type="1"> (default, if no "type" is given)
        1. <ol type="a">
          1. <ol type="i">
Definition list:
<dl>
definition list
<dt>
definition term
(actual term)
put in the actual term
</dt>
close the definition term
<dd>
definition definition
(actual definition)
put in the actual definition
</dd>
close the definition definition
(repeat)
the terms and definitions may be repeated
</dl>
close the definition list



5 - Giving Credit Where Credit is Due

You can have block quotes:

<blockquote>
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the crazy dog. The quick clown fox jumps over the lazy dog. The slick brown fox jumps over the lazy dog. The quick brown fox jumps over a lazy dog. The quick brown fox jumps over the lazy frog. The quick brown socks jumps over the lazy dog. The quick brown fox jumps onto the lazy dog. The slow green anole crawls under the hyper hippopotamus.
</blockquote>
and short quotations. <q>Everything 1 is deprecated in favor of Everything 2.</q> - <cite>N-Wing</cite>



6 - Miscellaneous Tags

(The heading tags do not go inside paragraph tags.)

<h1>h1</h1>

<h2>h2</h2>

<h3>h3</h3>

<h4>h4</h4>

<h5>h5</h5>
<h6>h6</h6>

You can indicate <abbr title="abbreviation">abbrevs.</abbr> and <acronym title="acronym">acronyms</acronym> .
It is possible to insert a horizontal rule (line): <hr />


or a shorter one: <hr width="50%" />
(Note: currently, E2 allowable-tags parser strips out the percent sign, so you'll be left with the width in pixels, which probably isn't what you want. So until this is fixed, avoid the "width" attribute.)



E2 HTML Tags Quick Start Information

creation
2000.02.23.n3
updated
2004.11.25.n4 (Thanksgiving)
guide author
N-Wing
feedback
Did you like this? Hate this (actually, if you hated this, why did you read this far?)? Have a question? Have a suggestion? If so, you can send me a message by typing
/msg N-Wing Your_Message
in the chatterbox, and hitting the "Talk" button.
Or, if you aren't a registered user here (why not? it doesn't cost anything), you can try email: hg7oce402 AT sneakemail DOT com
source file size
8 392 bytes
207 lines

Log in or register to write something here or to contact authors.