The HTML with Style Tutorials start by assuming that you either know nothing about HTML and CSS, or that all that you know is wrong. No matter where you are between these two extremes, you'll probably find them enlightening, informative and entertaining. Start from the top, or hop in somewhere along the way - it's your choice. The following tutorials are currently on offer, with the topics covered in each described below. A new one will be here every two weeks, so why not subscribe to our newsletter (use the form on the right) to be informed of updates?
1. HTML 101: Back to Basics
Introduction to HTML. Authoring HTML documents. HTML Elements. HTML Global Structure. Paragraphs and Headings.
2. Links: the Strands that make the Web
URIs and URLs. Hyperlinks. Link types. HTML Attributes. Anchors. Document Links.
3. Elementary, my dear Watson
Omitting tags. Describing element types. Element categories. Head elements. Block-level Elements. Phrase elements. Anchor elements. Quotations.
4. The Specification is your Friend
History of the Web. Proprietary extensions. HTML and CSS Specifications. SGML and HTML. Authoring principles. Browser Bugs.
5. The Human Factor
Introduction to CSS. Separating structure from presentation. Ways of specifying style directives. Generic markup elements. Identification attributes.
6. How Do I Select Thee, Let Me Count the Ways
HTML comments. CSS Levels. CSS Syntax. Selector syntax. Simple, group, contextual, pseudo-class and pseudo-element selectors.
7. I Shot the Serif
Font properties. Text properties.
8. An Inquiry Into Values
User, user agent and author style sheets. Cascading. Inheritance. Relative values. CSS units and value types. Color.
9. Boxing with CSS, Part I: The Theory
CSS box model. Introduction to the visual formatting model. Block formatting context. Box nesting. Margins, padding and borders. Background properties.
10. Boxing with CSS, Part II: Borders, Browsers and Boxes
Border properties and their implementation. Box model and visual formatting model implementation.
11. Trials and Tabulations
Use of tables in HTML. Table meta-data. Row groups and column groups. Table formatting. Tables as a layout mechanism.
12. Embed with HTML
The need to embed objects in HTML. Uses of embedded objects. The OBJECT element. Alternate content. The IMG element. Image maps. Applets.
13. Giving Form to Forms
Historical review of Forms. Simple HTTP queries. Complex forms. Form encoding. Form submission. Encoding methods. Form control types. Disabled and hidden controls. Form structure. Forms and CSS.
14. You've been Framed, Part I
Historical review of Frames. Framesets. The Frameset DTD. Defining Frames. Providing alternate content. Using frame targets.
15. You've been Framed, Part II
Frame problems. Frames and links. Frames and search engines. Frames and bookmarks. Frames and document fragments. Frames and document titles. Getting stuck in framesets. Methods to overcome frame problems
16. Client-side scripting 101
Introduction to scripting. How to write scripts that don't break your Web pages. Embedding scripts in HTML documents. Hiding scripts. Specifying scripting langauges. Alternate content. Intrinsic event handlers.
17. Shady Characters
Character sets. Character Encodings. Selecting an encoding. Specifying the encoding in HTTP and HTML. Character references. Using numeric character references and character entity references.
18. CSS Positioning, Part I
Positioning Basics. The position property. Absolute positioning. Relative positioning.
19. CSS Positioning, Part II
Positioning in current browsers. Layouts with multiple columns using positioning.
20. CSS Floats, Part I
Box model revisited. The float property. Multiple floats. The clear property.
21. CSS Floats, Part II
Multiple columns using floats. Floats in current browsers.
22. The Font of Foulness, Part I: Size Matters
The FONT, BASEFONT, BIG and SMALL proprietary elements and ways to replace them with CSS rules.
23. The Font of Foulness, Part II: Many Faces, Many Colors
FONT used to control text color and font family, and how to replace it with CSS style sheets. The BGCOLOR, TEXT, LINK, VLINK and ALINK attributes to the BODY element.
24. Fixing Frames with Fixed Positioning
CSS2 fixed positioning. Using the top, left, right, bottom, width and height properties for positioning. The overflow property. Framed layouts that degrade gracefully.
25. The Care and Feeding of Hyperlinks, Part I
Hyperlink tips and tricks. How to create links. The presentation of links. Different ways of supplying hyperlinks.
26. The Care and Feeding of Hyperlinks, Part II
Informational hyperlinks. When to link, and when not to link. Why links are useful. Selecting hyperlink heads and tails. How to help users from getting lost.
27. The Care and Feeding of Hyperlinks, Part III
Navigational links. Breadcrumbs. Site layout. Representing hierarchical structures in navigation bars. Navigation bar layouts.
28: HTTP for HTML Authors, Part I
Find out what happens behind the scenes when you put up a Web page as we explore HTTP, the protocol responsible for getting your wonderful creations from the server to the browser. The time for the world to hear what you have to say has come.
29: HTTP for HTML Authors, Part II
How do browsers and servers communicate with each other? Learn how you can use headers to make your Web sites more efficient and functional.
30: HTTP for HTML Authors, Part III
We examine two of the most important functions of HTTP that HTML authors will be interested in: redirecting and form submission.
