Table Structure

Tables in HTML The <table> Tags Rows Cells Headings The <table> Element TODO

Intro to Forms

Web Forms The <form> Tags Action Method ID and Class The <form> Element TODO

Form Input Elements

Asking for Input The <iput> Tag Type Name ID The <input> Element TODO

Text Types

Text Input Plain Text Password Text Area Maxlength Columns and Rows Placeholder Size Value Autofocus TODO

Selection Types

Selection Input Radio Buttons The Checkbox Element The Select Box (AKA Dropdown Select) TODO

Button Types

Buttons The Upload Button The Submit Button The Image Button The Button Element TODO

Form Management

Keeping Track Labels and IDs Fieldsets and Legends TODO

HTML5 Inclusions

New in HTML5 Validation Date E-Mail Search Figure and Figcaption TODO

Tables in HTML

Tables are used to represent relationships and complex data, such as scores and stats, money markets, databases, etc.

In learning HTML, we can also use tables to organize less-complex (non-statistical) infomation. Tables can also break up linear information groups; for example, homweork step numbers, step details, and step images).

However, once we hit CSS, you should use stylesheets instead of HTML to organize text-based sets such as these. This is primarily because tables can be difficult for accessibility software to translate if done improperly.

The example on the following pages will show this situation, using a simple 2x2 set-up (“2 rows by 2 columns”):

	Column A
Row 1	Cell A1

“Forms”