These tutorials center around making Tables, Frames, Page Layout, Forms, and special tags.

Tables

Learn how HTML tables are made. This is where it all begins. Master these table basics first.

How to make your tables as wide and as tall as you'd like and how to position them on your page.

How to size the individual cells in your table. Also how to align the content inside each cell both vertically and horizontally.

How to size and color your borders, and add background colors and images to your tables.

Learn how to add or remove "padding" between your content and the borders of your cells. Also learn how to add or remove the spacing between individual cells in a <table>.

How to make little boxes that you can position like images using <table>s.

How to make cells that stretch across multiple rows and columns.

How to lay out tables with all sorts of differently sized and spanned cells. How to draw out an idea and put it in code in a few simple steps.

How to stack tables on top of one another and nest tables inside each other for a variety of effects.

Why WIDTH is so important and attributes are not generally used in <tr> tags. Also, some more information on relative vs. absolute sizing.

What to review in preparation to make the tables in the Table Exam.

The big finale before moving on to tabular formatting.

How can you span a two-celled row over a three-celled row in the same table. You can't use fractions in either COLSPAN or ROWSPAN. This optional tutorial will show you how.

Tabular Formatting

Learn how to use tables to position the content on your pages. This lesson presents basic two- and three-column page layouts.

How to use tables to make crisp, professional looking horizontal and vertical navigation bars.

How to make a snappy looking "boxed in" page and its variations.

How to make enhanced horizontal and vertical lines using tables and/or images.

How to use tables to make a strong visual link between images and text. Great for making a sales catalog.

A quick review of tabular layout methods in preparation for the Tabular Layout Final Exam.

Check your knowledge of tables, tabular layout, and other previously learned HTML/CSS with this test.

Frames

How to make basic frames and load pages in them.

How to deal with browsers that don't support frames using the <noframes> tag.

How to get a link in one frame to load a page in another frame.

How to add and remove scrollbars and borders, color borders, and prevent frame resizing. How to make a seamless framed page.

Making and sizing multiple rows and columns with frames.

How to use nested framesets to get columns and rows to work together.

How to get pages to load outside your frames

A brief review of frames and some examples to test your skills.

Forms

An overview to Forms and Fields.

How to recieve text input from viewers using textboxes and larger text areas.

How to add handy and versatile checkboxes and radio buttons to your forms.

How to make drop-down menus and a scrolling list of options using select boxes

How to add a box and button that lets the viewer select a file on their hard drive. This is generally done prior to a file upload that's managed by backend coding.

How to create a button that will clear your form and another one that will send the data to a processing program.

How to make a plain button with which you can associate custom functions. Also how to use an image for a submit button.

How to get the tab key to navigate your form regardless of browser defaults.

Make the form linked here to test your talent.

Special Tags

Using <meta> tags to improve your search engine ranking by giving search engines a description and keyword list pertaining to your site

Learn how to code <meta> tags that will reload your page, as well as, redirecting to another page.

How to add a little icon to a viewer's Favorites list when they bookmark your site.

An explanation of this mysterious tag and why it's not critical in making a well working web page. Not a bad idea, though.

See the collection of special tags learned above in action on a page. Make sample pages employing these tags.