The HTML Survival Kit

Department of Civil and Environmental Engineering
Kaufman Hall Room 135
College of Engineering and Technology
Old Dominion University
Norfolk, Virginia 23529-0241, USA
Tel) (757) 683-3753
Fax) (757) 683-5354

CEE Counter
   
Jump to TOC go directly to TOC


        Preface

Here we are, CEE Unix network users. All weary & confused by those enigmatic, ever growing "HTML - Hyper Text Markup Language" tags. Well, following table of contents of HTML tags was written to help you guys who is trying to understand, and of course, experiment with HTML 4.x+, Standards and garden variety of extentions. Hopefully this "HTML Survival Kit" would make your life little bit easier and more productive.

Keep in mind that the following table of contents of HTML tags was designed, as the name "survival kit" implies, as a reasonable aid for a HTML tenderfoot, not an elaborate compendium of HTML tags. Also, if you've been using one of "HTML authoring softwares" and want to understand what all those HTML tags that the program(s) has been spitting out, this page would be a handy reference.

Please drop me a line or two on a specific HTML tag/element/techique you would like to see on this page in the future. I'll try to add requested information as time permits.

Finally, there're a couple of suggestions you would consider to make your HTML authoring experience more productive and painless;

Try to conceptualize/organize/evaluate your resources first. Never write a HTML document for the sake of wrting it. The ONLY and REAL value of the web is to share and to propagate USEFUL information/resources over the net. A pure "Bells & whistles" webpage is just another road kill that wastes someone else's valuable time and bandwidth.

Try to think about the size and number of HTML documents you'll have in six months from now. What would be the best and flexible management strategy?

Try to put as many comments as possible for yourself and some poor souls trying to understand your HTML.

Try to use UPPER CHARACTERS for your HTML tags and lower characters for the body of text. This makes HTML document more readable.

Try to make your HTML documents structured/modular. This makes HTML document more understandable. Be generous with space/additional line. They won't slow down the loading of your HTML documents.

BTW, when you're ready, and would like your web page(s) to officially be included in the CEE website, just let me know. Good luck and bon voyage!

[access count]

Background/History of World Wide Web
  1. Background/History of World Wide Web
  2. Mechanism of Web - HTTP and HTML
  3. Progression of HTML

Dos and Don'ts of Web Design
  1. Conceptualizing Functionality of Your Web Site/Pages
  2. Good Design Issues - Dos and Don'ts of HTML

Guide to "How to Set Up Your Personal Homepage"
in CEE Unix Network
  1. Preparing a directory for your personal homepage
  2. Creating your personal homepage under 'public_html' subdirectory
  3. Make your personal homepage accessible by the world
  4. Then what? How can I access my wonderful personal homepage?
  5. Where's the beef?
  6. CEE's icon archives

HTML Document Structures
  1. Basic HTML Document Structures
  2. Putting Comments
  3. Rule of Link
  4. Creating Basic Links to Another File or Resource
  5. Creating Links To Specific Locations In Documents
  6. URI (Uniform Resource Identifier)

Document Indexing using META Header Tags
  1. META Header Tags for Document Indexing
  2. Optional META Header Tags for document indexing
  3. Auto-Load META Header Tag
  4. No-Cache META Tag

Text Formatting
  1. Base Font Size (=global font size)
  2. Heading
  3. Font Size, Color and Family
  4. Physical Style
  5. Logical Style
  6. Superscript and Subscript
  7. Preformatted Text
  8. Blockquote

Paragraph & Line Control
  1. Paragraph (Work as Blank line)
  2. Break Line
  3. No Break
  4. Word Break

Alignment
  1. Center Alignment
  2. Left/Right Alignment of Heading
  3. Left/Right Alignment of Paragraphs

Dealing with Graphics
  1. Basic Rules of Image
  2. Image ALIGN ed with Text
  3. Image Border Line

Listing Items
  1. Unordered List
  2. Ordered (=Numbered) lists
  3. Definition List
  4. Compact Definition List

Color and Margin
  1. Font Color
  2. Background and Link Color
  3. Margin Control
  4. Horizontal Rules

Style Sheets
  1. Introduction to Style Sheet
  2. Inline Style Definition
  3. Header Style Definition
  4. External Style Sheets

Special Characters & Symbols
  1. Basic Special Characters
  2. No Break Blank Space
  3. ISO 8859 Latin-1 Special Characters

Table Tags
  1. Basic Table Tags
  2. Table Spanning
  3. Table Sizing
  4. Table Spacing
  5. Table Text Alignment
  6. Caption
  7. Table Cell Background Color
  8. Table Tips & Tricks

Frame Tags
  1. Frame - A Word of Caution
  2. Basic Frame Tags
  3. FRAMESET Container Tag
  4. Setting Frame Rows
  5. Setting Frame Columns
  6. Essential Frame Tags
  7. Which URL to load to Frame?
  8. Assigning NAME to frames
  9. Targets, Targets, Targets....
  10. Be Respectable... (Loading Parent Frame)
  11. The Counter Measure... (using "_top")
  12. Open Sesame! (Loading Frames using "new")
  13. MARGINWIDTH attribute
  14. MARGINHEIGHT attribute
  15. To Scroll, or Not To Scroll...
  16. Preserving Frame Size
  17. NOFRAMES - For Those Challenged Browsers
  18. Assigning NAME to frames
  19. Seamless Frames
  20. Example: Step-By-Step Procedure for Creating Frames
  21. How do I update more than one frame at a time?
  22. How can I print more than one frame in a screen?


Return to HTML Survival Kit Homepage ©1995-2003
J. Yoon