Whew! The past two sections have been chock-full of new stuff to learn. Lets do a quick review and then, well start applying what we've learned to a brand new web page.
Attributes are special codes placed inside the HTML tags that describe how the tags will look in the browser.
1. The body tag has three attributes:
controls background color
Colors are described in hexadecimal (hex) code, which are six digits or letter that represent a color. Hex codes always begin with a # sign and are placed with quotation marks.
2. Text formatting is the essential ingredient to well designed Web pages.
3. We learned seven new text formatting tags:
4. The font tag has three attributes:
SIZE: controls the
size of the type from 1 (smallest) to 7 (largest)
Applying what we've learned.
Now that we've had a bit of a review, let's apply what we have learned so far. We will create an entirely new page to work on.
Mr. Smith, the owner of Cascade Learning Company wants to put one page up on the Web. First he prepares a layout of his page by drawing some ideas on paper.
As you can see, Mr. Smith prepares a simple one-page layout. He decides he wants a nice bright background so he selects a nice yellow from the hexadecimal code: #ffff00. He will also add bold headlines and colorful type. Using the layout as your guide, let's enter the following code:
Step 1 Open up your text editor (SimpleText for Mac or Notepad for Windows).
Step 2 Enter the following :
Step 3 Save the document as: cascade.html
Step 4 Now preview Mr. Smiths new page in Netscape Navigator, following the steps listed in Chapter 4.
If all has gone well, the page should look like this in your browser.
Notice that we used the blockquote tag around all the copy,
giving it a wider margin around the sides. There are other ways to do the same thing, but
for now, it's an easy and fast way to add margins.