HTML with Style Tutorials | WebReference

HTML with Style Tutorials

HTML with Style Tutorials
  • Home
  • What's New
  • Tutorials
  • Reference
  • Style Watch
  • Tools
  • About HTML with Style
  • Feedback Form
  • 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.

    http://www.internet.com/

    URL: http://www.webreference.com/html/

    Produced by Stephanos Piperoglou
    Created: January 27, 1999
    Revised: March 1, 2001