HTML with Style Tutorials
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?
Introduction to HTML. Authoring HTML documents. HTML Elements. HTML Global Structure. Paragraphs and Headings.
URIs and URLs. Hyperlinks. Link types. HTML Attributes. Anchors. Document Links.
Omitting tags. Describing element types. Element categories. Head elements. Block-level Elements. Phrase elements. Anchor elements. Quotations.
History of the Web. Proprietary extensions. HTML and CSS Specifications. SGML and HTML. Authoring principles. Browser Bugs.
Introduction to CSS. Separating structure from presentation. Ways of specifying style directives. Generic markup elements. Identification attributes.
HTML comments. CSS Levels. CSS Syntax. Selector syntax. Simple, group, contextual, pseudo-class and pseudo-element selectors.
Font properties. Text properties.
User, user agent and author style sheets. Cascading. Inheritance. Relative values. CSS units and value types. Color.
CSS box model. Introduction to the visual formatting model. Block formatting context. Box nesting. Margins, padding and borders. Background properties.
Border properties and their implementation. Box model and visual formatting model implementation.
Use of tables in HTML. Table meta-data. Row groups and column groups. Table formatting. Tables as a layout mechanism.
The need to embed objects in HTML. Uses of embedded objects. The OBJECT element. Alternate content. The IMG element. Image maps. Applets.
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.
Historical review of Frames. Framesets. The Frameset DTD. Defining Frames. Providing alternate content. Using frame targets.
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
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.
Character sets. Character Encodings. Selecting an encoding. Specifying the encoding in HTTP and HTML. Character references. Using numeric character references and character entity references.
Positioning Basics. The position property. Absolute positioning. Relative positioning.
Positioning in current browsers. Layouts with multiple columns using positioning.
Box model revisited. The float property. Multiple floats. The clear property.
Multiple columns using floats. Floats in current browsers.
The FONT, BASEFONT, BIG and SMALL proprietary elements and ways to replace them with CSS rules.
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.
CSS2 fixed positioning. Using the top, left, right, bottom, width and height properties for positioning. The overflow property. Framed layouts that degrade gracefully.
Hyperlink tips and tricks. How to create links. The presentation of links. Different ways of supplying hyperlinks.
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.
Navigational links. Breadcrumbs. Site layout. Representing hierarchical structures in navigation bars. Navigation bar layouts.
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.
How do browsers and servers communicate with each other? Learn how you can use headers to make your Web sites more efficient and functional.
We examine two of the most important functions of HTTP that HTML authors will be interested in: redirecting and form submission.
Produced by Stephanos Piperoglou
Created: January 27, 1999
Revised: March 1, 2001