Cover of HTML for the World Wide Web
Table of Contents
Examples

  Chapters:
Basic HTML
Text formatting
Creating Images
Using Images
Page Layout
Links and Anchors
Lists
Tables
Frames
Forms
Multimedia
Style Sheets
Extras
Publishing

Appendices:
HTML Tools
Special Symbols
Colors in Hex
HTML and Compatibility

 

Basic HTML
Writing HTML
HTML Tags
URLs
Special symbols
Spacing
Starting and Finishing an HTML document
This won't look like much by itself.
The HEAD and BODY
This won't look like much by itself.
Creating a title
This won't look like much by itself, since it's inside the frame. If it were a separate page you'd be able to see the title in the title bar.
Organizing the page
Starting a new paragraph
Creating a line break
Adding comments to your page
Back to top of Table of Contents

 

Text formatting
Emphasizing text logically
Making text bold or italic
Using a monospaced font
Striking out or underlining text
Using superscripts and subscripts
Using block quotes
Using preformatted text
Changing the font size of all of the body text
Changing the font size of a few letters
Using BIG and SMALL to change the size
With a Basefont of 4
Changing the font
Changing the color of all of the body text
Changing the color of a few letters
Changing the color of links
Making text blink (Netscape only)
Back to top of Table of Contents

 

Creating images
Image formats
Exporting GIF images from Photoshop
Creating transparency
Creating fake transparency
Interlacing
GIF images

Reducing the colors
Common color tables
Creating animated GIFs
Creating JPEG images
Creating low resolution images
Creating miniatures of large images
Creating tiled images for the background
Back to top of Table of Contents

 

Using Images
Inserting images on a page
Alternative text
(Of course, you'll only see the alternative text if you haven't loaded the image.)
Specifying size for speedier viewing
Linking icons to external images
Using low resolution images
Wrapping text around images
or between images
Stopping text wrap
on both sides
Adding space around an image
Before
After
Scaling an image
Before
After
Aligning images
Using background images
Using a banner
Adding horizontal rules
Back to top of Table of Contents

 

Page Layout
Specifying the margins (IE only)
Bigger margins
Creating indents (Netscape only)
Specifying the space between paragraphs (Netscape only)
Creating blocks of space (Netscape only)
with indents
Using pixel shims
Creating columns (Netscape only)
Centering elements on a page
Controlling line breaks
Before
After
Using background color
Back to top of Table of Contents

 

Links and anchors
Creating links
Using the BASE tag
(Note: The links don't go anywhere, they just illustrate the example.)
Creating a link to another Web page
Targeting links to specific windows
Creating anchors
Linking to a specific anchor
Linking to an anonymous FTP site
Linking to an FTP site with a user name and password
(The code is here, but the link won't work correctly because I didn't feel like giving everyone my password.)
Linking to Gopher servers
Linking to e-mail
Linking to a newsgroup
Creating navigational buttons
Dividing an image into clickable regions
Creating a client-side image map
Using a server-side image map image map
Back to top of Table of Contents

 

Lists
Creating ordered lists
Creating unordered lists
Creating definition lists
Creating nested lists
Back to top of Table of Contents

 

Tables
A simple table
with returns
Putting headers across the top of the table
Putting headers on top and left
Dividing a table into sections (IE only)
and into column groups (IE only)
Adding a border
Choosing which borders to display
external (IE only)
internal (IE only)
Adding a caption
below the table
Spacing and padding the cells
Changing a table's width and height
Changing a cell's size
Spanning a cell across two or more columns
Spanning a cell across two or more rows
Aligning a cell's contents
Changing a cell's color
Controlling line breaks in a cell
Before
After
Mapping out a table
Back to top of Table of Contents

 

Frames
Creating a simple frameset
Creating frames in columns
Creating frames in rows and columns
Creating a floating frame (IE only)
Adjusting a frame's margins
Showing or hiding scroll bars
Adjusting the color of the borders (Netscape only)
Adjusting the borders' thickness (Netscape only)
Hiding or showing the borders
Keeping users from resizing frames
Adjusting the spacing between frames (IE only)
Targeting links to particular frames
Targeting links to special spots
(Note: the TARGET=_self attribute does not seem to work in Netscape Communicator 4, although it does work with earlier versions and with IE.)
Nesting framesets
Creating alternatives to frames
Back to top of Table of Contents

 

Forms
Form structure
Text boxes
Password boxes
Radio buttons
Check boxes
Text blocks
Menus
Gathering the information
Resetting the form
Hidden elements
Active images
CGI scripts
Using CGI scripts
Back to top of Table of Contents

 

Multimedia
Helper applications
Non-supported images
Sound
Converting sound formats
Adding external sound to a Web page
Adding internal sound with LiveAudio (Netscape only)
Adding background sound (IE only)
Video
Converting video to the proper format
Adding external video to your page
Adding internal video
Adding video for Internet Explorer (IE only)
Creating a marquee (IE only)
Inserting applets
Back to top of Table of Contents

 

Style Sheets
Creating an internal style sheet
Creating an external style sheet
Using an external style sheet
Special tags for styles
Choosing a font family
Choosing a font style and weight
Setting the font size
Setting the line height
Setting font size, line height, and family
Setting the color
Setting the background properties
Controlling spacing
Setting white space properties
Aligning text
Adding text decorations
Changing the text case
Setting the height or width for an element
Positioning elements vertically
Setting the border
Setting the space around an element
Wrapping text around elements
Setting list properties
Back to top of Table of Contents

 

Extras
The inspiration of others
Creating drop caps
Using vertical rules
Creating buttons with tables
Creating designs from tables
Using tables for layout
A shortcut for creating HTML tables in Word
Creating an automatic slide show
Back to top of Table of Contents

 

Publishing
Organizing files for transfer Designating a home page
Testing your page
With mistakes
After corrections
Transferring files to the server
Mac
Windows
Transferring files to AOL or CompuServe
Changing permissions
Advertising your site
Yahoo
AltaVista
Lycos
Back to top of Table of Contents

 

HTML Tools
Claris Home Page (M W)
Microsoft Front Page (M W)
Adobe PageMill (M)
SoftQuad HotMetal (M W)
AOLPress (M W)
BBEdit (M)
BBEdit HTML Extensions (M)
BBEdit HTML Tools (M) (part of BBEdit now)
World Wide Web Weaver (M)
Aardvark Pro (W)
ANT-HTML (W)
HotDog Professional (W)
Internet Assistant (M W)

Special Symbols For table, see examples to HTML 4 for the World Wide Web: Visual QuickStart Guide!

Colors in Hex For table, see examples to HTML 4 for the World Wide Web: Visual QuickStart Guide!

HTML and Compatibility For table, see examples to HTML 4 for the World Wide Web: Visual QuickStart Guide!
Back to top of Table of Contents

What People Are Saying
 Gallery
Errata
 Buy this book!
 Cookwood Press (home)