\ ::: The HTML Survival Kit - Table of Contents :::
The HTML Survival Kit
Department of Civil and Environmental Engineering Kaufman Hall Room 135 Frank Batten 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 are trying to understand, and 
	of course, experiment with HTML 4.x+,
	Standards and garden variety of extensions. 
	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/technique you would like to see
on this page in the future. I'll try to add requested information as
time permits.  If you're 'stuck' and would like to ask question or 
two in person, you're welcomed to drop by my office at 
Kaufman Hall Room 130.



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 writing 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?