Site hosted by Angelfire.com: Build your free website today!
Contents

* Getting started
* DOCTYPE declaration
* META & TITLE tags
* Colour & layout
- Text organization * Images
* Tables
* Validation

[Home]
We are still talking about inline elements here; remember that these cannot contain any block-level elements.

So what is <SPAN>? It is a generic inline container that allows you to provide style or language information to blocks of content; such as:
<SPAN ALIGN="left, center, or right" LANG="two-character language code">
You can use SPAN in a paragraph if you don't want two line breaks [which starting a new paragraph will cause]

Well, here comes the fun part. Playing with FONT. First, let me tell you that you should not use the FACE attribute. It is poorly supported and has absolutely no meaning. For those of you who would like to know, the FACE attribute allows you to specify the type of font that appears on the document.
However, you can specify a certain font type all you want, if your visitor does not have it installed [or they are using a browser that does not support the FACE attribute], they will still see your text in their default font [yeah, if you're lucky, their default font will be the funky Zanzibar Nights font that you downloaded a week ago and just *had* to use on your page... NOT!]. CSS's provide a way to specify font styles, but if your visitor's browser does not support style sheets, they will still see the default font. That said, let's look at the SIZE attribute. You already know how to use the COLOR attribute from the Colours and layout section.
The SIZE attribute is also pretty useless [not to mention not very well-supported by certain font types and browsers]. The default font size is 3. The best way to change font size is to use the <BIG> and <SMALL> tags. Let me demonstrate:
<FONT SIZE="+3">This is big text</FONT>, <FONT SIZE="-3">This is small text</FONT>
looks like this:  This is big text, This is small text
and
<BIG><BIG><BIG>This is big text</BIG></BIG></BIG>, <SMALL><SMALL><SMALL>This is small text</SMALL></SMALL></SMALL>
looks like this:  This is big text, This is small text
The only difference between the two is that the latter `version' will work with any browser. Sure, it's a bit more typing, but gawd, if you're *that* lazy, copy and paste :)

All right, now for the other font attributes that don't need the FONT element to work. I guess this one is best done by examples, so here goes:
<B>This is bold text</B> - This is bold text
<I>This is italic text</I> - This is italic text
<U>This is underlined text</U> - This is underlined text
<S>This is strikethrough text</S> - This is strikethrough text
<Q>This is a short quote </Q> - This is a short quote
[You definitely want to use this with short quotations, because that way blind people who access your site will know it's a quotation]
<STRONG>This is strong emphasis</STRONG> - This is strong emphasis
[this one carries a function of emphasis instead of just making the text bold and is preferable to use - see the blind people notice for the Q tag]
<SUP>This is superscript</SUP> - This is superscript
<SUB>This is subscript</SUB> - This is subscript

If by now you're wondering how to make a line break when you want one - just type <BR>. Let's move on to block-level elements. For the perceptive among you: I'm aware that I did not cover the <IMG> tag - there's a whole section devoted to it later.

[Previous page] [Next page]