Welcome!

Oh, hi there! This is one of the first demos that I've made for you. The piece of text that you are reading now is a paragraph element. The purpose of this document is to introduce you to several HTML tags. Make sure you check out the source code!

Whitespace

Spaces, carriage returns, and tabs are known as "whitespace." HTML ignores whitespace; check it out:

These words are separated by whitespace. You'll have to view the source code to see what I mean.

In-line Tags

In this paragraph I use several of the simplest HTML tags. For example, the underline tag, bold tag, italics tag, strike tag, emphasis tag, and strong tag.

Notice that these tags do not force a carriage return before or after the surrounding text. These are called in-line tags.

Block Tags

The block tags stretch out horizontally, effectively placing a carriage return before and after the tag. The following words are each in their own <div> tag.

These
words
are
in
divs.

Ordered List

  1. Come on
  2. Slam
  3. Welcome to the jam

Unordered List

Definition List

Definition/Description List <dl>
A list of terms <dt>, each with a description <dd>.
Unordered List <ul>
A list of items <li> with bullet points.
Ordered List <ol>
A list of items <li> with numbers.

Tables

TagPurposeNotable Attributes
<table>Makes a tablewidth, bgcolor, background, border, cellpadding, cellspacing
<tr>Makes a rowbgcolor, background
<td>Makes a cellbgcolor, background, border, width, align, valign

Form Elements

Login
Username:
Password:
HTML is:
Favorite Meal:
Other Stuff:

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6