web space | free hosting | Business WebSite Hosting | Free Website Submission | shopping cart | php hosting

Home <Code_Punk>'s Web Tutorials
Beginning HTML
Beginning CSS
Advanced HTML
Advanced CSS
Beginning JavaScript
Advanced JavaScript
DHTML
Website Development and Management
Downloads & Resources
HELP!!
Forum
Participate
E-Mail <Code Punk>

Advanced HTML Tutorials


These tutorials center around making Tables, Frames, Page Layout, Forms, and special tags. Expect to spend more time learning these more advanced HTML topics.


Tables

Lesson 27: Basic Tables

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


Lesson 28: Sizing & Positioning Tables

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


Lesson 29: Sizing & Aligning Cells

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


Lesson 30: Borders & Color

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


Lesson 31: Internal Spacing

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>.


Lesson 32: Making Inset Boxes

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


Lesson 33: Spanning Columns & Rows

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


Lesson 34: Designing Complex Tables

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.


Lesson 35: Stacking & Nesting Tables

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


Lesson 36: Some Final Table Notes

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


Table Review

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


Tables Final Exam

The big finale before moving on to tabular formatting.


Optional Lesson: Making Fractional Spans

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

Lesson 37: Simple Tabular Formatting

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


Lesson 38: Making Tabular Nav Bars

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


Lesson 39: Using Columns & Nav Bars Together

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


Lesson 40: Making Tabular & Graphical Lines

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


Lesson 41: Making Catalog Pages

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


Tabular Layout Review

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


Tabular Layout Final Exam

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





<Code_Punk>'s Web Tutorials