Welcome to Jon's Site

---

HTML Playground

[Right click and select inspect element to view source code]

Heading size 1

Heading size 2

Heading size 3

Heading size 4

Heading size 5

Heading size 6

A paragraph consists of one or more sentences that form a self-contained unit of discourse. The start of a paragraph is indicated by a new line.

This is how to make a word appear bold.

This is how to make a word appear italic.

This is how to do ^superscript.

This is how to do _subscript .

This is...

---

...a horizontal rule.

Strong is very similar to bold.

Emphasis is very similar to italics.

This quote has a cite linked in the source code

Where as this small quote does not

Hover Over Me

Hover Over Me Too

Citations are also similar to italics.

Definitions kind of look like italics too.

email@mysite.com

123 Sesame Street

This text has a line through it

This text is underlined.

This text also has a line through it.

This is an external link.

This is an external link that will open in a new window.

This is an internal link on the same site.

This Links...

...To this location on the same page.

BEAM ME UP SCOTTY!!

Lists

I removed the style tag in this section to show that they format themselves.

1. This
2. Is
3. An
4. Ordered
5. List

• This
• Is
• An
• Un-ordered
• List

This is...

A definition list.

• Yo
• Dog
  • I heard
  • You like Lists
  • So I put a list
  • In your list
• So you can list
• While you list

Tables

I removed the style tag in this section to show that they format themselves.

(These need improvement)

1	2	3
4	5	6
7	0	9

Table Title	Column Title 1	Column Title 2
Row Title 1:	[1,1]	[1,2]
Row Title 2:	[2,1	[2,2]

Column Span Table	1	2	3	4
Title 1	Span 2		Span 1	Span 1
Title 2	Span 3			Span 1

Row Span	Column 1	Column 2	Column 3
Row 1	Span 2	Span 1	Span 1
Row 2		Span 1	Span 1

Colored Table	Column 1	Column 2	Column 3
Row 1	1	2	3
Row 2	1	2	3

Forms

Username:
Password Validation:

Date Input:

Email validation:

URL Validation:

Search Input:

Fun Things

"iframe" tag