A series of lectures & notes for students in my Web Development courses.

HTML Overview

Categorizing HTML elements. Basic document structure. Metadata. Global attributes. Lines & paragraphs. Outlines & sections. Grouping. CSS hooks. Lists. Quotations. Text semantics. Text formatting. Links. Multimedia. Tables. Forms. Frames. Scripting. Foreign characters. Obnoxious & obsolete. Character entities. IE, bringing up the rear. Tools.

CSS Overview

History. Why CSS? DOM. Basic Selectors. Universal. Type. Class. ID. Grouping. Descendant Combinator. Formatting. <span> & <div>. Integrating CSS. Inheritance. Importance. Specificity. Order. The Cascade. Tools.

CSS Data Types

Defined. Images. Text. Wide Usage. Media Queries. Animations & Transformation. Future.

CSS Typography

Types. Measure. Leading. Scale. Operating system defaults. Web browser defaults. Core Fonts for the Web. ClearType Font Collection. Font properties. Font stacks. Text properties. Line box properties. Multi-column layout. Generated content. Font formats. @font-face. Licensing.

Tables & Lists

Basic tables. Defining sets of rows. Table title. Styling tables. Columns. Sortable columns. Creating tables the easy way. Styling lists.


Daily use. How forms work. Labels, fields, & controls. Form attributes. Form containers. Text controls. Choice controls. File select controls. Submission controls. Accessibility. Tips & caveats.

Media-Specific Styles

Media types. Media-specific rule sets. Common print styles. Print CSS. Media queries.
WebSanity Top Secret