Home Armadillo Web Design - Character is doing the right thing... even if no one is watching.
Creating Your Web Page With HTML Tags
HTML Tags
<Head>
<Body>
<B>
<Font>
<H1 - H6>
<BR>
<HR>
<List>
<Img>
<A>
<Table>
<TR>
<TD>
&nbsp; Space
Home
 

Space Is A Premium, Sometimes You Need Just A Little


When You Need Just A Little More Space Use "&nbsp;"


The Explanation

Examples Using "&nbsp;"
The Space character is usually one press of the space bar and all browsers recognize one blank space as an intended blank space. The problem appears when we want two or more blank spaces in our document, the browsers only recognize one of the blank spaces as a valid blank space, they ignore all remaining spaces.

To work around this limitation we have the HTML character set with the value for the blank space. The following set of characters is divided by blank spaces so that they can be displayed in your browser, otherwise you would only see blank spaces and not the characters that make the space. "&nbsp;" are the characters that make the blank space in your browsers.

When inserting the code for the space do not use the double quotes " ".
A simple sentence. This sentence uses 2 space bar depressions.

A simple sentence.  This sentence uses 1 space bar depression and one "&nbsp;".

A simple sentence.  This uses 2 "&nbsp;".

Let us suppose you wanted to create a simple list, but didn't want to use the "List Tags". This is my List
  A. Using 2 "&nbsp;"
        a) Using 8 "&nbsp;"
        b) Again using 8 "&nbsp;"
  B. Back to using 2 "&nbsp;"

To satisfy your curiosity the "&" is a switch telling the browser a special code value follows.
The "nb" = Non Breaking
The "sp" = Space
The ";" is another switch telling the browser the special code ends here.

Tables have another use for the space character, if you create a table that contains some empty cells Netscape Communicator will render a blank and ugly cell. If you add a background color or image to the cell Netscape will still render the background color of the page. Internet Explorer correctly renders the empty cell with your defined background color or image.

Using the "&nbsp;" in an empty cell tells Netscape there is content inside this cell and renders the cell the way you intended. A space bar depression in your text editor will not convince Netscape there is real content in the cell, you must use the "&nbsp;".
Examples of using and not using the Space Characters.

No Space characters in Netscape Communicator 4.x
Table with empty cells

All cells have a Space character in Netscape Communicator 4.x and Internet Explorer 4+
Table with blank cells and the space characters.



Family Friendly Site
Google
WWW Armadillo Web
Our Privacy Statement