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