This appears when you have Javascript turned off

This paragraph has several different kinds of special effects in it (note the line break).

special effects

It has some <b>bold</b> text,
some <em>italiciz</em> text,
some <sup>superscript</sup> text,
some <sub>subscript</sub> text,
some corrected <del>txet</del>
<ins>text</ins>,
some <small>small</small> letters,
some <big>big</big> letters,
some <tt>Teletype text</tt>,
a <button>button</button>,
and some <q>inline quotes</q>.
It has some bolded text,
some italicized text,
some superscripted text,
some subscripted text,
some corrected txet text,
some small letters,
some big letters,
some Teletype text,
a ,
and some inline quotes.

headers

<h1>header #1</h1>
<h2>header #2</h2>
<h3>header #3</h3>
<h4>header #4</h4>
<h5>header #5</h5>
<h6>header #6</h6>

header #1

header #2

header #3

header #4

header #5
header #6

links and anchors

Anchor here <a name="anchor"></a>.
To the <a href="#anchor">anchor</a> above.
<a href="http://edufire.org">Edufire</a>'s website.
My <a href="http://edufire.org/Drupal_tutor">porfolio</a>.
Emails <a href="mailto:dave@rdksoftware.com"> me</a>.

This is an anchor here .

This links to the anchor above.

This links to Edufire.

This links to my porfolio at Edufire.

This emails me.

style sheets

calling inline <span style="color:green">style</span>
using a class <span class="example">style<!-- .example --></style>
using an id<span id="example">style</span>
loading a style sheet
calling inline style
using a class style
using an idstyle
loading a sheet:

lists

a numbered list

the code

<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>

the result

  1. First item
  2. Second item
  3. Third item

a bulleted list

the code

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>

the result

a definition list

code

Members of the National MetaCenter for Computational Science and Engineering

<dl>
<dt>NCSA (National Center for Supercomputing Applications)</dt>
<dd>On the campus of the University of Illinois at Urbana-Champaign.</dd>
<dt>CTC (Cornell Theory Center)</dt>
<dd>On the campus of Cornell University in Ithaca, New York.</dd>
</dl>

results

Members of the National MetaCenter for Computational Science and Engineering

NCSA (National Center for Supercomputing Applications)
On the campus of the University of Illinois at Urbana-Champaign.
CTC (Cornell Theory Center)
On the campus of Cornell University in Ithaca, New York.

blockquote

code

<p>This is the text around a blockquote. This is the text around a blockquote. This is the text around a blockquote. </p>
<blockquote>This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote.</blockquote>
<p>This is the text around a blockquote. This is the text around a blockquote. This is the text around a blockquote. </p>

results

This is the text around a blockquote. This is the text around a blockquote. This is the text around a blockquote.

This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote. This is the example of a blockquote.

This is the text around a blockquote. This is the text around a blockquote. This is the text around a blockquote.

table

result

<table border=1>
<caption>The table caption</caption>
<tr>
<th> </th>
<th>header 1</th>
<th>header 2</th>
<th>header 3</th>
</tr>
<tr>
<td>row 1</td>
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
<td>row 2</td>
<td colspan="2"> this spans column 1 and 2</td>
<td>column 3</td>
</tr>
<td>row 3</td>
<td rowspan="2"> this spans row 3 and 4</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
<tr>
<td>row 4</td>
<td>cell 2</td>
<td>cell 3</td>
</tr> </table>

result

The table caption
  header 1 header 2 header 3
row 1 cell 1 cell 2 cell 3
row 2 this spans column 1 and 2 column 3
row 3 this spans row 3 and 4 cell 2 cell 3
row 4 cell 2 cell 3

Here is the same table with extra padding in it.

  header 1 header 2 header 3
row 1 cell 1 cell 2 cell 3
row 2 this spans column 1 and 2 column 3
row 3 this spans row 3 and 4 cell 2 cell 3
row 4 cell 2 cell 3

here is a basic form

Enter some text
Enter a password
Check as many boxes as you like
Check only one radio button at a time
Choose one of the states listed