HTML Rosetta Stone
Introduction
The following tutorial was developed as a primer for
HTML tags targeted for 1997 static Web development complying with HTML 3.2.
Content was targeted for browsers beginning with Netscape 3 and Microsoft Internet Explorer 3.
This tutorial does not address extensions, HTML 4, Dynamic HTML,
JavaScript or Java programming.To get the latest, most complete, and accurate
information about Web content, visit the
World Wide Web Consortium (W3C)
site which contains specifications for Drafts and Recommendations.
As you prepare your content:
- Conceptualize/organize/evaluate your resources prior to coding. Do not
start writing a HTML document first, only to then try to organize the
structure and navigation later. The REAL value of the WWW is sharing and
propagating USEFUL resources over the net. "bells & whistles" can always be
put later on. Remember, the sooner you start the coding process, the longer the project will require.
- Think about the size and number of HTML documents you'll have six months
from now. What would be the best and most flexible management and navigation
strategy?
- Include as many comments as practical for yourself and any poor souls
trying to understand your HTML.
- Construct your HTML documents to be structured/modular. This makes HTML
documents more understandable. Be generous with space and additional lines.
They won't slow down the loading or execution of your HTML documents.
- Work to find the proper balance of design elements and content with the
structure of your code. Simplify tags, but try to use the published standard,
even though you know shortcuts may get by on some browsers. E.g., specifying
BGCOLOR="#FF0000" is better than BGCOLOR=red
because the first syntax will work on more browsers. All tags should comply
strictly with the most basic standard that allows reasonable design. (Use HTML
2 tags unless HTML 3 better address design needs).
- Consider efficiency of design and presentation. Not everyone
viewing your site will have high speed communication, and the server will
always have fixed resources. Brief is elegant. Text should be concise,
and graphics and multimedia elements need to be optimized for Web
presentation. Use small images and icons in place of large graphics, to the
greatest extent possible. Consider the efficiency of image formats (e.g. gif
vs. jpg vs png). Minimize the color palettes of gifs, and use the highest
compression practical for jpgs. If is is vital to show large images, preview
with thumbnails, and let the user decide to view.
- Check and recheck content, spelling, tags, links, etc. Use tools
available, and check out the Net often for new programs and services (such as
W3C Markup Validation Service) to assure quality of
your work.
- Last and not least, after you are comfortable with the mechanics of
producing a document, reflect on what and how you will publish on the net.
Formulate content and organization</>.
HTML Document Structures
Basic HTML Document Structures
Inline Comments
Rule of Link
Creating Basic Links to Another File or
Resource
Creating Links To Specific Locations In
Documents
URL (Uniform Resource Locator)
Document Indexing
META Tags for Document Indexing
Optional META Tags for document indexing
Auto-Load META Tag
Text Formatting
Base Font Size (=global font size)
Header
Font Size
Physical Style
Logical Style
Superscript, Subscript, and Strike
through
Preformatted Text
Blockquote
Blink
Paragraph & Line Control
Paragraph (Work as Blank line)
Break Line
No Break
Word Break
Alignment
Center Alignment
Left/Right Alignment of Heading
Left/Right Alignment of Paragraphs
Image
Basic Rules of Image
ImageMaps to control links
Image align ed with Text
Floating Image
Image Border Line
216 Web Hex Color Value
Listing Items
Unordered List
Ordered (=Numbered) lists
Mark Styles
Definition lists
Definition lists Compact
Indenting paragraphs
Listing Items using Number & Letter
Capital Letters
List with Starting Number
Size & Style Tags Combination
Size & Style Tags Combination
Background and Text Color
Horizontal Rules
Special Characters & Symbols
Basic Special Characters
No Break Blank Space
ISO 8859 Latin-1 Special Characters
Table Tags
Basic Table Tags
Table Span
Table Size
Table Text Alignment
Caption
Table Tips & Tricks
Send e-mail to
randy@computersmiths.com
www.computersmiths.com
Return to caliber | Manufacturers |
Images | Top of this page