HTML with Style | WebReference

HTML with Style


This columnist is very happy these days on account of this being the beginning of the summer, his returning to his home in Greece where it doesn't rain for the next four months (as opposed to Cambridge which is drenched 24/7). But enough about me. This place is about you, the Web author, and have we got something good for you.

This week we have Tutorial13, Giving Form to Forms, our latest (and greatest, in terms of number of pages) tutorial yet, that will teach you everything about HTML forms. So stop standing around and go read it!

- Stephanos
June 2, 1999

Latest Additions

Tutorial 13: Giving Form to Forms
Forms. As much as everyone hates filling them out in real life, on the Web they've taken a life of their own and now everyone wants his own. Although this might be the result of an international conspiracy of sentient computer mice, this possibility is only briefly mentioned in this tutorial that will teach you everything They'll let you know without having to kill you aftwerwards about HTML Forms.
Tutorial 12: Embed with HTML
Join us as we slip between the style sheets and embed with HTML. Surround the object of your desire with warm, cross-browser HTML to give your users a degradable experience. As usual, we take a look at what has to be done, how it should be done, why it isn't done that way, the way it's actually done and the best way you can do it.
Internet Explorer 5.0: With Style, Finally?
In our latest Style Watch article, we take a look at Internet Explorer 5.0 from the HTML and CSS author's point of view. How much of HTML 4.0 and CSS levels 1 and 2 are implemented, and how well? Do we author for the new browser, or stick to what we know of version 4.0? Is this really a worthwhile release? Has Microsoft finally given us a browser with a hint of Style? The answers to these questions and more are given in this in-depth review, as we find Internet Explorer to be sorely lacking in the most important aspects of its function.
The Colorizer
The Colorizer is a Java applet that helps Web designers select colors for Web pages. You can enter values in RGB or HSB notation, in hexadecimal, decimal or percentage and convert between these, or graphically select colors from a component similar to those used in popular graphics programs. You can also preview colors for background and several types of text to decide which colors look best on a Web page.
Tutorial 11: Trials and Tabulations
Tables have been around the Web for quite a long time, but are still misused and abused widely. Still, you'll be hard pressed to find a Web page without a table in it these days, and every good Web author should understand their use - and their limitations. In Tutorial 11, we take a comprehensive look at tables: how they started, where they are, where they're heading, and when to steer clear of them.
Tutorial 10: Boxing with CSS, Part II: No Margin for Error
Well, the theory was fine, but what happens when you put it to the test? In this tutorial, we complete our exploration of the CSS visual formatting model with a look at box borders as well as the implementations in Internet Explorer and Navigator. Unfortunately, both browsers interpret the specification in their own, special, inexplicable way. Fortunately, there are ways to force them to see things your way.
Style Watch: Gecko: A Smaller, Faster Lizard
Premiering our new Style Watch area is an overview of Netscape's new browsing component, Gecko. The first official alpha release from Netscape of part of its 5.0 browser, Gecko is the consolidation of two of the modules developed at What do we think of it? "Gecko is the most important piece of software ever released for the Web since Tim Berners-Lee wrote WorldWideWeb for the NeXT. Although still at an early stage of its development, it shows every sign of becoming the catalyst for nothing short of another information revolution that has been years in the making." Read the article to find out why...
Tutorial 9: Boxing with CSS, Part I: The Theory
We start to get ugly this week on HTML with Style, as we spar with one of the trickiest parts of style sheets: The CSS visual formatting model. This is the part your parents never even told you about: You finally find out what a box really is, where little boxes come from, and what boxes do when they come together. This time, you'll learn the theory behind basic formatting in CSS, and in Part II we'll examine the implementations in Netscape and Explorer.
Tutorial 8: An Inquiry Into Values
The 8th HTML with Style tutorial puts the "C" in "CSS," with Cascading finally explained. You also get the works on inheritance (not the kind you're expecting from that rich old uncle of yours). You also finally get to know the difference between em, ex, points, picas, inches, and the Evil Pixel, and learn how to add color to your HTML documents using CSS.
Tutorial 7: I Shot the Serif
It's a sign of the times when you're fed up with Times (New Roman). "You can pick your friends, but not your family." "Size doesn't matter." These and many other popular myths debunked in our tutorial on CSS font and text properties. Step-by-step guidelines for using all the properties you need to get your text at the perfect point between looking exactly the way you want it and looking the way Microsoft and Netscape allow it to look.
Tutorial 6: How Do I Select Thee, Let Me Count the Ways
Your glamorous introduction to CSS, part II: the power of CSS1 selectors unleashed, right here in HTML with Style. We take a look at how they should work, why they don't work, and how to make them work. As a bonus, you get our comments on HTML comments.
Tutorial 5: The Human Factor
You know how to select your elements wisely, so your computer, my computer, anyone's computer can find its way around them. Wonderful. Your documents still look like grey globs, though. Your computer might not care, but you do. Humans, unite! Time to step in and make your documents look good. Let the human species unite under the banner of CSS, Cascading Style Sheets.
Tutorial 4: The Specification is Your Friend
Why is that strange tag-like thing with the exclamation mark at the top of every document? Why did I keep the use of a lot of attributes a mystery until now? And which version of HTML exactly am I teaching you? The truth is in here. Come to dispel all of your authoring angst is the truth about cats, dogs, and HTML specifications. This week you'll learn about browser bugs, the sinister forces behind them, and how to exterminate them.
Tutorial 3: Elementary, my Dear Watson
Now that you know the basics, it's time to look at a few more spicy elements. Elements for code, emphasis, quotes, and anything else you might think of. Elements that are just elements, and elements that are a whole lot more.
Tutorial 2: Links: the Strands that Make the Web
Links. OK, they're simple. You click on them, that's all. And URLs, that's those funny things with slashes. Now what's this URI thing? And what's an anchor? For those who can't make head or tail of hyperlinks, we explain the lot...
Tutorial 1: HTML 101: Back to Basics
Ancient Greek proverb: The beginning is half of everything. Even the most experienced Web designers are often unaware of the most elementary aspects of HTML. In our first installment we'll look at the basics of HTML, and create our first document. Learn about elements, tags and attributes, and the global structure of an HTML 4.0 document.