![]() |
|
| |||
These tutorials center around making Tables, Frames, Page Layout, Forms, and special tags. Expect to spend more time learning these more advanced HTML topics. TablesLesson 27: Basic TablesLearn how HTML tables are made. This is where it all begins. Master these table basics first. Lesson 28: Sizing & Positioning TablesHow 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 CellsHow to size the individual cells in your table. Also how to align the content inside each cell both vertically and horizontally. Lesson 30: Borders & ColorHow to size and color your borders, and add background colors and images to your tables. Lesson 31: Internal SpacingLearn 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 BoxesHow to make little boxes that you can position like images using <table>s. Lesson 33: Spanning Columns & RowsHow to make cells that stretch across multiple rows and columns. Lesson 34: Designing Complex TablesHow 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 TablesHow to stack tables on top of one another and nest tables inside each other for a variety of effects. Lesson 36: Some Final Table NotesWhy WIDTH is so important and attributes are not generally used in <tr> tags. Also, some more information on relative vs. absolute sizing. Table ReviewWhat to review in preparation to make the tables in the Final Exam. Tables Final ExamThe big finale before moving on to tabular formatting. Optional Lesson: Making Fractional SpansHow 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 FormattingLesson 37: Simple Tabular FormattingLearn 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 BarsHow to use tables to make crisp, professional looking horizontal and vertical navigation bars. Lesson 39: Using Columns & Nav Bars TogetherHow to make a snappy looking "boxed in" page and its variations. Lesson 40: Making Tabular & Graphical LinesHow to make enhanced horizontal and vertical lines using tables and/or images. Lesson 41: Making Catalog PagesHow to use tables to make a strong visual link between images and text. Great for making a sales catalog. Tabular Layout ReviewA quick review of tabular layout methods in preparation for the Tabular Layout Final Exam. Tabular Layout Final ExamCheck your knowledge of tables, tabular layout, and other previously learned HTML/CSS with this test. |
|||
| |||