The address for this web page is:   http://fishcaro.crosswinds.net/day_7_style_tips.htm
On to the next lesson!
Back to the COURSE SYLLABUS

7. TIPS ON GOOD HTML STYLE

(Notice the neat "countdown to the year 2005"!
Also, if you're using Internet Explorer 4 or above, how did you like the neat "blending in" effect as you entered this page?)

You'll want to develop good habits in writing your HTML code. This brings us to:

INDEX CARD #7:

"GOOD" HTML CODE (7a)

What is "good" HTML code? "Good" code is: supported by a wide variety of browsers; easily handled by applications expecting correct HTML; and easily extended to emerging technologies built on current HTML specifications.
What are the current HTML specifications? HTML and other web-related standards are developed by the World Wide Web Consortium (W3C). Go to http://www.w3.org/ for loads of current information.
Is there any way to check that my files meet the current HTML specifications? There are HTML validators that check your code for you. In the exercises below, you'll be using the HTML validator located at:

http://validator.w3.org/

What does "debugging" mean? To "debug" a program means to locate and correct mistakes. You can make your HTML files easier to debug by following the tips indicated below.

TIPS ON GOOD HTML STYLE (7b)

By following the conventions listed here, your document will be easier to debug, and easier to read when viewed in a simple text editor.
tags and attributes, capitalize or not? Tags and their attributes are not case-sensitive. Capitalizing them consistently makes them stand out. However, XHTML (eXtensible HTML) documents MUST use all lowercase letters for HTML elements and attribute names. So, your choice! Be consistent, though: either CAPITALIZE them all, or not.
Use line breaks and tabs for legibility: Since browsers ignore line breaks and tabs, you can use them to improve readability. For example, insert an extra line between the head and the body. Adding extra whitespace will increase the size of your HTML file slightly, so if you're extremely concerned about download times, keep your HTML compact. For small files, the size increase caused by extra whitespace is negligible. The increase in readability caused by the extra whitespace is significant. You decide.
Keep line lengths to under 80 characters: This makes the document easier to view on a wide variety of platforms. You can insert a hard return (press ENTER) when you reach 80 characters. (Again, this increases file size slightly.)
Name your files correctly: Use the suffix ".htm" or ".html" when naming your files. Avoid spaces and special characters in file names; try to use only letters, numbers, hyphens, and underscores (in place of spaces).

Printable version of Index Card 7a

Printable version of Index Card 7b

WORKSHEET #7:
This exercise will: give a brief introduction to tables; illustrate how "sloppy" HTML code is handled differently in different browsers; and expose you to the use of an HTML validator.

ASSIGNMENT #7:

On to the next lesson!
Back to the COURSE SYLLABUS
© 2000 Carol J.V. Fisher    All Rights Reserved