The Complete Idiot's Guide to
Creating an
HTML Web Page
by Paul McFedries
C O N T E N T S
-
Getting Started
-
Tag Daze: Understanding HTML's Tags
-
And Now, Some Actual HTML
-
A Page by Any Other Name: Adding a Title
-
The Tag</A>
<LI><A HREF="CH4.HTM#TitleDosandDonts">
Title Dos and Don'ts</A>
</UL>
<LI><A HREF="CH4.HTM#FleshingOutYourPagewithText">
Fleshing Out Your Page with Text</A>
<LI><A HREF="CH4.HTM#HowtoDoParagraphs">
How to Do Paragraphs</A>
<LI><A HREF="CH4.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>5
</FONT></FONT><FONT SIZE=5> <A HREF="CH5.HTM"><I>From Buck-Naked to Beautiful: Dressing Up Your Page</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH5.HTM#SprucingUpYourText">
Sprucing Up Your Text</A>
<UL>
<LI><A HREF="CH5.HTM#YerBasicTextFormattingStyles">
Yer Basic Text Formatting Styles</A>
<LI><A HREF="CH5.HTM#CombiningTextFormats">
Combining Text Formats</A>
<LI><A HREF="CH5.HTM#AccessorizingDisplayingSpecialCharacters">
Accessorizing: Displaying Special Characters</A>
</UL>
<LI><A HREF="CH5.HTM#SectioningYourPagewithHeadings">
Sectioning Your Page with Headings</A>
<LI><A HREF="CH5.HTM#AFewMoreFormattingFeatures">
A Few More Formatting Features</A>
<UL>
<LI><A HREF="CH5.HTM#HandlingPreformattedText">
Handling Preformatted Text</A>
<LI><A HREF="CH5.HTM#ThemstheBreaksUsingFONTSIZEFACEHelveticaltFONTFONTSIZEBRFONTFONTSIZEFACEHelveticagtFONTFONTSIZEforLineBreaksFONT">
Them's the Breaks: Using <BR>
for Line Breaks</A>
<LI><A HREF="CH5.HTM#InsertingHorizontalLines">
Inserting Horizontal Lines</A>
</UL>
<LI><A HREF="CH5.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>6
</FONT></FONT><FONT SIZE=5> <A HREF="CH6.HTM"><I>A Fistful of List Grist for Your Web Page Mill</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH6.HTM#PuttingYourAffairsinOrderwithNumberedLists">
Putting Your Affairs in Order with Numbered Lists</A>
<LI><A HREF="CH6.HTM#ScoringPointswithBulletedLists">
Scoring Points with Bulleted Lists</A>
<LI><A HREF="CH6.HTM#DefinitionLists">
Definition Lists</A>
<LI><A HREF="CH6.HTM#CombiningListsInsideLists">
Combining Lists Inside Lists</A>
<LI><A HREF="CH6.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>7
</FONT></FONT><FONT SIZE=5> <A HREF="CH7.HTM"><I>Making the Jump to Hyperspace: Adding Links</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH7.HTM#TheURLofNetACyberspaceAddressPrimer">
The URL of Net: A Cyberspace Address Primer</A>
<LI><A HREF="CH7.HTM#GettingHyperCreatingLinksinHTML">
Getting Hyper: Creating Links in HTML</A>
<UL>
<LI><A HREF="CH7.HTM#ExternalLinkstoFarawayPages">
External Links to Faraway Pages</A>
<LI><A HREF="CH7.HTM#ExternalLinkstoNearbyPages">
External Links to Nearby Pages</A>
<LI><A HREF="CH7.HTM#AnchorsAweighInternalLinks">
Anchors Aweigh: Internal Links</A>
</UL>
<LI><A HREF="CH7.HTM#CreatinganEMailLink">
Creating an E-Mail Link</A>
<LI><A HREF="CH7.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<script type="text/javascript"><!--
google_ad_client = "pub-5594150052604701";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "CC0000";
google_color_text = "0000FF";
google_color_url = "0000FF";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>8
</FONT></FONT><FONT SIZE=5> <A HREF="CH8.HTM"><I>A Picture Is Worth a Thousand Clicks: Working with Images
</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH8.HTM#ImagesSomeSemiImportantBackgroundInfo">
Images: Some Semi-Important Background Info</A>
<UL>
<LI><A HREF="CH8.HTM#NoImagesArentTextButThatsOkay">
No, Images Aren't Text, But That's Okay</A>
<LI><A HREF="CH8.HTM#GraphicsFormatsCantWeAllJustGetAlong">
Graphics Formats: Can't We All Just Get Along?</A>
<LI><A HREF="CH8.HTM#HowDoIGetGraphics">
How Do I Get Graphics?</A>
<LI><A HREF="CH8.HTM#ConvertingGraphicstoGIFFormat">
Converting Graphics to GIF Format</A>
</UL>
<LI><A HREF="CH8.HTM#TheNittyGrittyAtLastTheFONTSIZEFACEBStoneSerifBoldltFONTFONTSIZEIMGFONTFONTSIZEFACEBStoneSerifBoldgtFONTFONTSIZETagFONT">
The Nitty-Gritty, At Last: The <IMG>
Tag</A>
<LI><A HREF="CH8.HTM#GoodUsesforImagesonYourWebPage">
Good Uses for Images on Your Web Page</A>
<LI><A HREF="CH8.HTM#AligningTextandImages">
Aligning Text and Images</A>
<LI><A HREF="CH8.HTM#HandlingGraphicallyChallengedTextBrowsers">
Handling Graphically Challenged Text Browsers</A>
<LI><A HREF="CH8.HTM#ImagesCanBeLinksToo">
Images Can Be Links, Too</A>
<LI><A HREF="CH8.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>9
</FONT></FONT><FONT SIZE=5> <A HREF="CH9.HTM"><I>Publishing Your Page on the Web</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH9.HTM#APlethoraofWebPublishingPossibilities">
A Plethora of Web Publishing Possibilities</A>
<UL>
<LI><A HREF="CH9.HTM#UseYourExistingInternetProvider">
Use Your Existing Internet Provider</A>
<LI><A HREF="CH9.HTM#TrytoFindaFreeHostingProvider">
Try to Find a Free Hosting Provider</A>
<LI><A HREF="CH9.HTM#SignUpwithaCommercialHostingProvider">
Sign Up with a Commercial Hosting Provider</A>
</UL>
<LI><A HREF="CH9.HTM#APreTripChecklist">
A Pre-Trip Checklist</A>
<LI><A HREF="CH9.HTM#OkayShipIt">
Okay, Ship It!</A>
<UL>
<LI><A HREF="CH9.HTM#SettingUptheFTPProgram">
Setting Up the FTP Program</A>
<LI><A HREF="CH9.HTM#SendingtheFilesViaFTP">
Sending the Files Via FTP</A>
</UL>
<LI><A HREF="CH9.HTM#GettingtheWordOutAdvertisingYourPage">
Getting the Word Out: Advertising Your Page</A>
<LI><A HREF="CH9.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>10
</FONT></FONT><FONT SIZE=5>
<A HREF="CH10.HTM"><I>Fooling Around with the Netscape Extensions</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH10.HTM#ThePizzaMetaphorAWarningBeforeYouBegin">
The Pizza Metaphor: A Warning Before You Begin</A>
<LI><A HREF="CH10.HTM#TextExtensions">
Text Extensions</A>
<UL>
<LI><A HREF="CH10.HTM#TheFONTSIZEFACESbStoneSerifSemiboldltFONTFONTSIZEFONTFONTFONTSIZEFACESbStoneSerifSemiboldgtFONTFONTSIZETagFONT">
The <FONT> Tag</A>
<LI><A HREF="CH10.HTM#TheFONTSIZEFACESbStoneSerifSemiboldltFONTFONTSIZEBASEFONTFONTFONTSIZEFACESbStoneSerifSemiboldgtFONTFONTSIZETagFONT">
The < BASEFONT > Tag </A>
<LI><A HREF="CH10.HTM#ChangingtheColorofYourPageText">
Changing the Color of Your Page Text</A>
<LI><A HREF="CH10.HTM#TheDreadedFONTSIZEFACESbStoneSerifSemiboldltFONTFONTSIZEBLINKFONTFONTSIZEFACESbStoneSerifSemiboldgtFONTFONTSIZETagFONT">
The Dreaded <BLINK>
Tag</A>
</UL>
<LI><A HREF="CH10.HTM#ListExtensions">
List Extensions</A>
<UL>
<LI><A HREF="CH10.HTM#UsingaDifferentNumberingSchemeinNumberedLists">
Using a Different Numbering Scheme in Numbered Lists</A>
<LI><A HREF="CH10.HTM#ChangingtheBulletTypeinBulletedLists">
Changing the Bullet Type in Bulleted Lists</A>
</UL>
<LI><A HREF="CH10.HTM#GraphicsExtensions">
Graphics Extensions</A>
<UL>
<LI><A HREF="CH10.HTM#SpecifyingImageHeightandWidth">
Specifying Image Height and Width</A>
<LI><A HREF="CH10.HTM#SettingtheBackground">
Setting the Background</A>
</UL>
<LI><A HREF="CH10.HTM#ExtraExtensions">
Extra Extensions</A>
<UL>
<LI><A HREF="CH10.HTM#CenteringParagraphs">
Centering Paragraphs</A>
<LI><A HREF="CH10.HTM#ABetterHorizontalRule">
A Better Horizontal Rule</A>
</UL>
<LI><A HREF="CH10.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>11</FONT></FONT><FONT SIZE=5> <A HREF="CH11.HTM"><I>Table Talk: Adding Tables to Your
Page</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH11.HTM#WhatIsaTable">
What Is a Table?</A>
<LI><A HREF="CH11.HTM#WebWoodworkingHowtoBuildaTable">
Web Woodworking: How to Build a Table</A>
<UL>
<LI><A HREF="CH11.HTM#TheSimplestCaseAOneRowTable">
The Simplest Case: A One-Row Table</A>
<LI><A HREF="CH11.HTM#AddingMoreRows">
Adding More Rows</A>
<LI><A HREF="CH11.HTM#CreatingaRowofHeaders">
Creating a Row of Headers</A>
<LI><A HREF="CH11.HTM#IncludingaCaption">
Including a Caption</A>
</UL>
<LI><A HREF="CH11.HTM#TableRefinishingMoreTableTidbits">
Table Refinishing: More Table Tidbits</A>
<UL>
<LI><A HREF="CH11.HTM#AligningTextWithinCells">
Aligning Text Within Cells</A>
<LI><A HREF="CH11.HTM#SpanningTextAcrossMultipleRowsorColumns">
Spanning Text Across Multiple Rows or Columns</A>
<LI><A HREF="CH11.HTM#NetscapesTableExtensions">
Netscape's Table Extensions</A>
</UL>
<LI><A HREF="CH11.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>12</FONT></FONT><FONT SIZE=5> <A HREF="CH12.HTM"><I>Need Feedback? Create a Form!</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH12.HTM#WhatIsaFormAnyway">
What Is a Form, Anyway?</A>
<LI><A HREF="CH12.HTM#CreatingForms">
Creating Forms</A>
<UL>
<LI><A HREF="CH12.HTM#MakingItGoTheSubmitButton">
Making It Go: The Submit Button</A>
<LI><A HREF="CH12.HTM#StartingOverTheResetButton">
Starting Over: The Reset Button</A>
<LI><A HREF="CH12.HTM#UsingTextBoxesforSingleLineText">
Using Text Boxes for Single-Line Text</A>
<LI><A HREF="CH12.HTM#UsingTextAreasforMultiLineText">
Using Text Areas for Multi-Line Text</A>
<LI><A HREF="CH12.HTM#TogglinganOptionOnandOffwithCheckBoxes">
Toggling an Option On and Off with Check Boxes</A>
<LI><A HREF="CH12.HTM#MultipleChoiceOptionsRadioButtons">
Multiple Choice Options: Radio Buttons</A>
<LI><A HREF="CH12.HTM#SelectingFromLists">
Selecting From Lists</A>
</UL>
<LI><A HREF="CH12.HTM#OhSayCanYouCGI">
Oh Say, Can You CGI?</A>
<UL>
<LI><A HREF="CH12.HTM#AskYourProvider">
Ask Your Provider</A>
<LI><A HREF="CH12.HTM#TheHireaNerdRoute">
The Hire-a-Nerd Route</A>
<LI><A HREF="CH12.HTM#CheckOuttheWebsCGIResources">
Check Out the Web's CGI Resources</A>
</UL>
<LI><A HREF="CH12.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>13</FONT></FONT><FONT SIZE=5> <A HREF="CH13.HTM"><I>The Elements of Web Page Style</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH13.HTM#ContentIsKingNotesAboutWriting">
Content Is King: Notes About Writing</A>
<UL>
<LI><A HREF="CH13.HTM#SpellingGrammarandOtherStrangers">
Spelling, Grammar, and Other Strangers</A>
<LI><A HREF="CH13.HTM#MoreTipsforRighteousWriting">
More Tips for Righteous Writing</A>
</UL>
<LI><A HREF="CH13.HTM#TheOverallOrganizationofYourWebPages">
The Overall Organization of Your Web Pages</A>
<UL>
<LI><A HREF="CH13.HTM#TheOneTrackWebPageKeepPagesToaSingleTopic">
The One-Track Web Page: Keep Pages To a Single Topic</A>
<LI><A HREF="CH13.HTM#UseYourHomePageToTieEverythingTogether">
Use Your Home Page To Tie Everything Together</A>
<LI><A HREF="CH13.HTM#UseaConsistentLayout">
Use a Consistent Layout</A>
</UL>
<LI><A HREF="CH13.HTM#OrganizationandLayoutHintsforIndividualPages">
Organization and Layout Hints for Individual Pages</A>
<UL>
<LI><A HREF="CH13.HTM#ElementsToIncludeinEachPage">
Elements To Include in Each Page</A>
<LI><A HREF="CH13.HTM#MakeYourReadersLivesEasier">
Make Your Readers' Lives Easier</A>
</UL>
<LI><A HREF="CH13.HTM#GuidanceForUsingGraphics">
Guidance For Using Graphics</A>
<LI><A HREF="CH13.HTM#LinkLessonsKeepingYourLinksinthePink">
Link Lessons: Keeping Your Links in the Pink</A>
<LI><A HREF="CH13.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>14</FONT></FONT><FONT SIZE=5> <A HREF="CH14.HTM"><I>Some HTML Resources on the Web</I></A></FONT>
</FONT></FONT></H2>
<UL>
<LI><A HREF="CH14.HTM#GraphicsGoodies">
Graphics Goodies</A>
<UL>
<LI><A HREF="CH14.HTM#TheThreeBsButtonsBarsandBullets">
The Three Bs: Buttons, Bars, and Bullets</A>
<LI><A HREF="CH14.HTM#YetAnotherquotBquotBackgroundTextures">
Yet Another "B": Background Textures</A>
</UL>
<LI><A HREF="CH14.HTM#AGuidetoHTMLStyleGuides">
A Guide to HTML Style Guides</A>
<LI><A HREF="CH14.HTM#CounterCheckTallyingYourHits">
Counter Check: Tallying Your Hits</A>
<LI><A HREF="CH14.HTM#MailingListsandUseNetNewsgroups">
Mailing Lists and UseNet Newsgroups</A>
<LI><A HREF="CH14.HTM#AListofHTMLLists">
A List of HTML Lists</A>
<LI><A HREF="CH14.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>15</FONT></FONT><FONT SIZE=5> <A HREF="CH15.HTM"><I>Hack to the Future: What's Ahead
for HTML and the Web</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH15.HTM#TheJavaJiveAPipingHotMugofBrowserBasedPrograms">
The Java Jive: A Piping Hot Mug of Browser-Based Programs
</A>
<UL>
<LI><A HREF="CH15.HTM#WhatYouNeedforJava">
What You Need for Java</A>
<LI><A HREF="CH15.HTM#SomeJavaExamples">
Some Java Examples</A>
</UL>
<LI><A HREF="CH15.HTM#VRMLAnotherHTMLDimension">
VRML: Another HTML Dimension</A>
<UL>
<LI><A HREF="CH15.HTM#VRMLBrowsers">
VRML Browsers</A>
<LI><A HREF="CH15.HTM#OverUnderSidewaysDownSomeVRMLWorlds">
Over, Under, Sideways, Down: Some VRML Worlds</A>
</UL>
<LI><A HREF="CH15.HTM#ALookatWhatsNewinNetscape">
A Look at What's New in Netscape 2.0</A>
<UL>
<LI><A HREF="CH15.HTM#DivideandConquerFrames">
Divide and Conquer: Frames</A>
<LI><A HREF="CH15.HTM#PowerOnDemandPlugIns">
Power On Demand: Plug-Ins</A>
<LI><A HREF="CH15.HTM#JavafortheMassesJavaScript">
Java for the Masses: JavaScript</A>
</UL>
<LI><A HREF="CH15.HTM#TharsGoldinThemTharPagesNetscapeGold">
Thar's Gold in Them Thar Pages: Netscape Gold</A>
<LI><A HREF="CH15.HTM#HowNetscapeGoldWorks">
How Netscape Gold Works</A>
<LI><A HREF="CH15.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>16</FONT></FONT><FONT SIZE=5> <A HREF="CH16.HTM"><I>The Best Free HTML Editor: HTML
Writer</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH16.HTM#CrankingUpHTMLWriter">
Cranking Up HTML Writer</A>
<LI><A HREF="CH16.HTM#GettingaDocumentOnscreen">
Getting a Document Onscreen</A>
<LI><A HREF="CH16.HTM#ItsaSetupGettingHTMLWriterReadytoGo">
It's a Setup: Getting HTML Writer Ready to Go</A>
<LI><A HREF="CH16.HTM#CreatinganHTMLDocumentwithHTMLWriter">
Creating an HTML Document with HTML Writer</A>
<UL>
<LI><A HREF="CH16.HTM#InsertingDocumentTags">
Inserting Document Tags</A>
<LI><A HREF="CH16.HTM#InsertingStyleTags">
Inserting Style Tags</A>
<LI><A HREF="CH16.HTM#InsertingParagraphTags">
Inserting Paragraph Tags</A>
<LI><A HREF="CH16.HTM#InsertingImageTags">
Inserting Image Tags</A>
<LI><A HREF="CH16.HTM#InsertingLinkTagsIRemoteLinks">
Inserting Link Tags I: Remote Links</A>
<LI><A HREF="CH16.HTM#InsertingLinkTagsIITargets">
Inserting Link Tags II: Targets</A>
<LI><A HREF="CH16.HTM#InsertingListTags">
Inserting List Tags</A>
<LI><A HREF="CH16.HTM#InsertingCharacterCodes">
Inserting Character Codes</A>
</UL>
<LI><A HREF="CH16.HTM#TakingtheDocumentforaTestDrive">
Taking the Document for a Test Drive</A>
<LI><A HREF="CH16.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>17</FONT></FONT><FONT SIZE=5> <A HREF="CH17.HTM"><I>The Best Commercial HTML Editor:
HotDog</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH17.HTM#GettingYourHandsonHotDog">
Getting Your Hands on HotDog</A>
<UL>
<LI><A HREF="CH17.HTM#DownloadingtheHotDogFile">
Downloading the HotDog File</A>
<LI><A HREF="CH17.HTM#InstallingHotDog">
Installing HotDog</A>
<LI><A HREF="CH17.HTM#InstallingVBRUNDLL">
Installing VBRUN300.DLL</A>
</UL>
<LI><A HREF="CH17.HTM#ServingUpHotDog">
Serving Up HotDog</A>
<LI><A HREF="CH17.HTM#WorkingwithDocuments">
Working with Documents</A>
<LI><A HREF="CH17.HTM#CreatinganHTMLDocumentwithHotDog">
Creating an HTML Document with HotDog</A>
<LI><A HREF="CH17.HTM#InsertingTagsDirectly">
Inserting Tags Directly</A>
<LI><A HREF="CH17.HTM#InsertingObjects">
Inserting Objects</A>
<UL>
<LI><A HREF="CH17.HTM#InsertinganImage">
Inserting an Image</A>
<LI><A HREF="CH17.HTM#InsertingaRemoteLink">
Inserting a Remote Link</A>
<LI><A HREF="CH17.HTM#InsertingaTarget">
Inserting a Target</A>
<LI><A HREF="CH17.HTM#InsertingaTable">
Inserting a Table</A>
<LI><A HREF="CH17.HTM#InsertingaList">
Inserting a List</A>
</UL>
<LI><A HREF="CH17.HTM#InsertingCharacterCodes">
Inserting Character Codes</A>
<LI><A HREF="CH17.HTM#GettingaSneakPreviewofYourDocument">
Getting a Sneak Preview of Your Document</A>
<LI><A HREF="CH17.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>18</FONT></FONT><FONT SIZE=5> <A HREF="CH18.HTM"><I>The Word Wide Web: Internet Assistant
for Microsoft Word</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH18.HTM#GrabbingInternetAssistant">
Grabbing Internet Assistant</A>
<LI><A HREF="CH18.HTM#DealingwithDocuments">
Dealing with Documents</A>
<LI><A HREF="CH18.HTM#WhatHappenstoWord">
What Happens to Word</A>
<LI><A HREF="CH18.HTM#InternetAssistantWYSIWYGWebWeaving">
Internet Assistant: WYSIWYG Web Weaving</A>
<UL>
<LI><A HREF="CH18.HTM#AdjustingtheTitle">
Adjusting the Title</A>
<LI><A HREF="CH18.HTM#NeedaNewParagraphJustPressEnter">
Need a New Paragraph? Just Press Enter</A>
<LI><A HREF="CH18.HTM#FormattingCharacters">
Formatting Characters</A>
<LI><A HREF="CH18.HTM#WorkingwithStyles">
Working with Styles</A>
<LI><A HREF="CH18.HTM#WorkingwithNumberedLists">
Working with Numbered Lists</A>
<LI><A HREF="CH18.HTM#WorkingwithBulletedLists">
Working with Bulleted Lists</A>
<LI><A HREF="CH18.HTM#WorkingwithDefinitionLists">
Working with Definition Lists</A>
<LI><A HREF="CH18.HTM#InsertinganImage">
Inserting an Image</A>
<LI><A HREF="CH18.HTM#InsertingHypertextLinksIRemoteLinks">
Inserting Hypertext Links I: Remote Links</A>
<LI><A HREF="CH18.HTM#InsertingHypertextLinksIIBookmarks">
Inserting Hypertext Links II: Bookmarks</A>
<LI><A HREF="CH18.HTM#ConstructingTables">
Constructing Tables</A>
<LI><A HREF="CH18.HTM#AFewOddsandEnds">
A Few Odds and Ends</A>
</UL>
<LI><A HREF="CH18.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>19</FONT></FONT><FONT SIZE=5> <A HREF="CH19.HTM"><I>Getting Your Web Words Online with
America Online</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH19.HTM#AmericaOnlinesWebPagePublishingPossibilities">
America Online's Web Page Publishing Possibilities</A>
<LI><A HREF="CH19.HTM#WorkingwithMyHomePage">
Working with My Home Page</A>
<LI><A HREF="CH19.HTM#AddingTextLinksandGraphics">
Adding Text, Links, and Graphics</A>
<UL>
<LI><A HREF="CH19.HTM#TossinginSomeText">
Tossing in Some Text</A>
<LI><A HREF="CH19.HTM#InsertingaLink">
Inserting a Link</A>
<LI><A HREF="CH19.HTM#SendingaMultimediaFiletoAOL">
Sending a Multimedia File to AOL</A>
<LI><A HREF="CH19.HTM#AddingaMultimediaFiletoYourPage">
Adding a Multimedia File to Your Page</A>
<LI><A HREF="CH19.HTM#SeeingtheChangestoYourPage">
Seeing the Changes to Your Page</A>
</UL>
<LI><A HREF="CH19.HTM#EditingMyHomePage">
Editing My Home Page</A>
<LI><A HREF="CH19.HTM#MakingMyPlaceYourWebHome">
Making My Place Your Web Home</A>
<UL>
<LI><A HREF="CH19.HTM#AccessingYourAOLFTPDirectory">
Accessing Your AOL FTP Directory</A>
<LI><A HREF="CH19.HTM#UploadingFilestoYourFTPDirectory">
Uploading Files to Your FTP Directory</A>
</UL>
<LI><A HREF="CH19.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000>Chapter </I><FONT SIZE=5 COLOR=#FF0000>20</FONT></FONT><FONT SIZE=5> <A HREF="CH20.HTM"><I>Assorted Other Ways to Create HTML
Documents</I></A></FONT></FONT></H2>
<UL>
<LI><A HREF="CH20.HTM#RapidReviewsofaFewMoreHTMLEditors">
Rapid Reviews of a Few More HTML Editors</A>
<UL>
<LI><A HREF="CH20.HTM#GettingtheWebEditPageEditor">
Getting the WebEdit Page Editor</A>
<LI><A HREF="CH20.HTM#ProfessionalHTMLEditingwithHTMLedPro">
Professional HTML Editing with HTMLed Pro</A>
<LI><A HREF="CH20.HTM#StoptheWebPressesItsNaviPress">
Stop the Web Presses: It's NaviPress!</A>
<LI><A HREF="CH20.HTM#TheStepbyStepWebWEBWizard">
The Step-by-Step Web: WEB Wizard</A>
<LI><A HREF="CH20.HTM#FadedGloryHoTMetaL">
Faded Glory: HoTMetaL</A>
<LI><A HREF="CH20.HTM#HTMLEditorsfortheMac">
HTML Editors for the Mac</A>
</UL>
<LI><A HREF="CH20.HTM#GrabbingHTMLfromanExistingPage">
Grabbing HTML from an Existing Page</A>
<LI><A HREF="CH20.HTM#WebPagesThatCreateWebPages">
Web Pages That Create Web Pages</A>
<LI><A HREF="CH20.HTM#ConvertingExistingDocumentstoHTML">
Converting Existing Documents to HTML</A>
<LI><A HREF="CH20.HTM#TheLeastYouNeedtoKnow">
The Least You Need to Know</A>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000></I><FONT SIZE=5 COLOR=#FF0000></FONT></FONT><FONT SIZE=5><A HREF="CH21.HTM">Speak Like a Geek: The Complete
Archive</A></FONT></FONT></H2>
<UL>
</UL>
<H2><I><FONT SIZE=5 COLOR=#FF0000> </I><FONT SIZE=5 COLOR=#FF0000></FONT></FONT><FONT SIZE=5><A HREF="CH22.HTM">HTML Codes for Cool Characters</A>
</FONT></FONT></H2>
<UL>
</UL>
<P>
<BR>
<H2><I><FONT COLOR="#FF0000"><A HREF="#CREDITS"><B>Credits</A></I></B></FONT></H2>
<HR WIDTH=100%>
<P>
<B>©1996 Que<SUP><FONT SIZE=2>®</FONT></SUP> Corporation</B>
<P>
All rights reserved. No part of this book shall be reproduced,
stored in a retrieval system, or transmitted by any means, electronic,
mechanical, photocopying, recording, or otherwise, without written
permission from the publisher. No patent liability is assumed
with respect to the use of the information contained herein. Although
every precaution has been taken in the preparation of this book,
the publisher and author assume no responsibility for errors or
omissions. Neither is any liability assumed for damages resulting
from the use of the information contained herein. For information,
address Que, 201 W. 103rd Street, Indianapolis, IN 46290. You
may reach Que's direct sales line by calling 1-800-428-5331.
<P>
<b>International Standard Book Number: 0-7897-0722-5</B><BR>
<hr>
<A NAME="CREDITS"></A><B>HTML conversion by </B> :
<BR> M/s. LeafWriters (India) Pvt. Ltd. <BR>
<I>Website</I> : <A HREF=http://leaf.stpn.soft.net>http://leaf.stpn.soft.net</A>
<BR>
<I>e-mail</I> : <A HREF=mailto:leafwriters@leaf.stpn.soft.net>
leafwriters@leaf.stpn.soft.net</A>
<P>
<HR WIDTH=100%>
<CENTER>
<TABLE WIDTH=80%>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Publisher</FONT></B></TD><TD WIDTH=148><I><FONT SIZE=2>Roland Elgey</I>
</TD><TD WIDTH=148><B><FONT SIZE=2>Vice President and Publisher</FONT></B>
</TD><TD WIDTH=148><I><FONT SIZE=2>Marie Butler-Knight</I>
</TD></TR>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Editorial Services Director</FONT></B>
</TD><TD WIDTH=148><I><FONT SIZE=2>Elizabeth Keaffaber</I>
</TD><TD WIDTH=148><B><FONT SIZE=2>Publishing Manager</FONT></B>
</TD><TD WIDTH=148><I><FONT SIZE=2>Barry Pruett</I></TD>
</TR>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Managing Editor</FONT></B></TD>
<TD WIDTH=148><I><FONT SIZE=2>Michael Cunningham</I></TD>
<TD WIDTH=148><B><FONT SIZE=2>Development Editor</FONT></B></TD>
<TD WIDTH=148><I><FONT SIZE=2>Lori Cates</I></TD></TR>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Technical Editor</FONT></B>
</TD><TD WIDTH=148><I><FONT SIZE=2>C. Herbert Feltner</I>
</TD><TD WIDTH=148><B><FONT SIZE=2>Production Editor</FONT></B>
</TD><TD WIDTH=148><I><FONT SIZE=2>Phil Kitchel</I></TD>
</TR>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Copy Editors</FONT></B></TD>
<TD WIDTH=148><I><FONT SIZE=2>Rebecca Mayfield, Katie Purdum</I>
</TD><TD WIDTH=148><B><FONT SIZE=2>Cover Designers</FONT></B>
</TD><TD WIDTH=148><I><FONT SIZE=2>Dan Armstrong, Barbara Kordesh</I>
</TD></TR>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Designer</FONT></B></TD><TD WIDTH=148><I><FONT SIZE=2>Kim Scott</I>
</TD><TD WIDTH=148><B><FONT SIZE=2>Illustrations</FONT></B></TD>
<TD WIDTH=148><I><FONT SIZE=2>Judd Winick</I></TD></TR>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Technical Specialist</FONT></B>
</TD><TD WIDTH=148><I><FONT SIZE=2>Nadeem Muhammed</I>
</TD><TD WIDTH=148><B><FONT SIZE=2>Indexer</FONT></B></TD><TD WIDTH=148><I><FONT SIZE=2>Tom Dinse</I>
</TD></TR>
<TR VALIGN=TOP><TD WIDTH=148><B><FONT SIZE=2>Production Team</FONT></B></TD>
<TD COLSPAN=3 WIDTH=443><I><FONT SIZE=2>Jason Carr, Anne Dickerson, DiMonique Ford, Trey Frank, Damon Jordan, Glenn Larson, Stephanie Layton, Kaylene Riemen, Julie Quinn, Kelly Warner</I>
</TD></TR>
</TABLE></CENTER>
<HR WIDTH=100%>
<P>
<H3>Introduction</H3>
<P>
Quick! What do the following things have in common? Dennis Rodman's
hair color, the name of Elizabeth Taylor's husband, and Oprah's
dress size. Right-they're all things that are constantly changing.
But as often as these things change, none of them approaches the
endless flux that characterizes the Internet.
<P>
Ah yes, the Internet; that amorphous and motley collection of
electrons, geeks, slashes, and "dot coms." Trying to
keep up with the Net Joneses and their relentless out-with-the-old-and-in-with-the-new
culture is a full-time job. (In fact, I know some people for whom
it <I>is</I> a full-time job!) Here's an example: Only a scant
year ago, you were the Coolest of the Cool if you had an Internet
e-mail address on your business card. Nowadays, of course, a sizable
chunk of the world's Toms, Dicks, and Harriets-nerds and non-nerds
alike-have their e-mail monikers plastered all over their cards.
Ho hum. No, to be tragically hip these days, your business card
must sport the address of-wait for it-your World Wide Web home
page!
<P>
Which brings me (at long last) to the subject of this book-creating
an HTML Web page. You, I'm sure, couldn't care less about what's
cool and what's not, or about what's "wired" and what's
"tired." All you know is that you want to publish a
Web page (or perhaps two or three) and you want to get it done
without a lot of hubbub and hullabaloo.
<P>
Believe me, you're not alone. People-and I mean average Joes and
Josephines; not just programmers and techno-geeks-are overcoming
their digital arachnophobia and are clamoring to spin their own
little Web webs. Why? Well, there are probably as many reasons
as there are would-be Web weavers. Some folks are tired of being
passive Internet consumers (mouse potatoes?) and want to produce
their own content rather than merely digesting it. Others have
information (essays, stories, jokes, diatribes, shopping lists)
that they want to share with the world at large, but they never
had the opportunity before. Still, others have had a boss come
to them and say "Get our company on the World Wide Web now,
before it's too late!", and so they have to get up to speed
before it's too late for <I>them</I>.
<H3>A Book For Smart HTML Idiots</H3>
<P>
When it comes to producing content for the World Wide Web, a "complete
idiot" is someone who, despite having the normal complement
of gray matter, wouldn't know HTML from H.G. Wells. This is, of
course, perfectly normal and, despite what many so-called Internet
gurus may tell you, it does not imply any sort of character defect
on your part.
<P>
So I may as well get one thing straight right off the bat: the
fact that you're reading <I>The Complete Idiot's Guide To Creating
an HTML Web Page</I> (my, that is a mouthful, isn't it?) does
<I>not</I> make you an idiot. On the contrary, it shows that
<UL>
<LI>You have discriminating taste and you will settle for nothing
less than the best (and it shows you don't mind immodest authors).
<LI>You have a gift for self-deprecation (which is just a high-falutin'
way of saying that you don't take yourself-or any of this Internet
malarkey-too seriously).
<LI>You're determined to learn this HTML thing, but you don't
want to be bothered with a lot of boring, technical details.
<LI>You realize it doesn't make sense to learn absolutely everything
about HTML. You just need to know enough to get your Web page
up and running.
<LI>You're smart enough not to spend your days reading five bazillion
pages of arcane (and mostly useless) information. You do, after
all, have a life to lead.
</UL>
<P>
This is a book for those of you who aren't (and don't even want
to be) Web wizards. This is a book for those of you who have a
job or hobby that includes creating Web pages, and you just want
to get it done as quickly and painlessly as possible. This is
not one of those absurdly pedantic, sober-sided, wipe-that-smile-off-your-face-this-is-serious-business
kinds of books. On the contrary, we'll even try to have-gasp!-a
little irreverent fun as we go along.
<P>
You'll also be happy to know that this book doesn't assume you
have any previous experience with Web page production (or even
with the World Wide Web, for that matter). This means that you'll
begin each topic at the beginning and build your knowledge from
there. However, with <I>The Complete Idiot's Guide to Creating
an HTML Web Page</I>, you get just the facts you need to know,
not everything there is to know. All the information is presented
in short, easy-to-digest chunks that you can easily skim through
to find just the information you want.
<H3>How This Book Is Set Up</H3>
<P>
I'm assuming you have a life away from your computer screen, so
<I>The Complete Idiot's Guide To Creating an HTML Web Page</I>
is set up so you don't have to read it from cover to cover. If
you want to know how to add a picture to your Web page, for example,
just turn to the chapter that covers working with images. (Although,
having said that, beginners will want to read at least Chapter
4 before moving on to more esoteric topics.) To make things easier
to find, I've organized the book into four more or less sensible
sections:
<P>
<B>Part 1: But First, a Few Choice World Wide Web and HTML Tidbits</B>
<P>
Instead of diving right into the hurly-burly of HTML, the book
lets you dip a toe into the Web publishing waters by starting
you off with a few introductory chapters. Chapter 1 is a kind
of "Cliff Notes" version of Part 2 that takes you through
the entire process of Web page production in 10 easy steps. Chapter
2 takes a bird's-eye view of the World Wide Web (beginners will
want to start their reading here, instead of Chapter 1) and then
Chapter 3 takes a general look at this HTML stuff.
<P>
<B>Part 2: Creating Your First HTML Web Page</B>
<P>
Here in Part 2 is where you'll actually start creating proper
Web pages. Chapters 4 through 8 build your knowledge of basic
HTML slowly and with lots of examples. Chapter 9 shows you how
to successfully negotiate the big moment: getting your page on
the Web itself for all to admire.
<P>
<B>Part 3: A Grab Bag of Web Page Wonders</B>
<P>
Part 3 takes you beyond the basics by presenting you with a miscellany
of HTML topics, including some cool things that are available
with Netscape's Web browser (Chapter 10), how to create tables
(Chapter 11), some hints on proper Web page style (Chapter 12),
and some Internet resources that will help you create great pages
(Chapter 13). This section closes by pulling out the crystal ball
to take a look at the future of the Web, just so you're prepared
for what's to come (see Chapter 14).
<P>
<B>Part 4: Painless Page Production: Easier Ways to Do the HTML
Thing</B>
<P>
After struggling with all that HTML in Parts 2 and 3, Part 4 shows
you a few ways to make all this stuff a bit easier. Specifically,
I'll show you how to wield several tools that take some of the
drudgery out of putting together a Web page, including HTML editors,
Word for Windows templates, and even some Web pages that help
you create Web pages!
<H3>But Wait, There's More!</H3>
<P>
Happily, there's more to this book than 20 chapters of me yammering
away. To round out your HTML education and make your page publishing
adventures a bit easier, I've included a few other goodies:
<BLOCKQUOTE>
<B>Tearout Reference Card</B> This card (it's located
at the front of the book, in case you missed it on the way in)
spells out all the most essential HTML facts and figures. For
a ridiculously handy reference, you can tear it out of the book
and keep it by your side while you're building your pages.
</BLOCKQUOTE>
<BLOCKQUOTE>
<B>Speak Like a Geek: The Complete Archive</B> You'll
find this section near the back of the book. It's a glossary of
Internet, World Wide Web, and HTML terms that should help you
out if you come across a word or phrase that furrows your brow.
</BLOCKQUOTE>
<BLOCKQUOTE>
<B>HTML Codes for Cool Characters</B> This section
lists many of the HTML codes you can use to incorporate characters
such as £, <FONT FACE="Symbol">"</FONT>, and ~ in your
Web page. (This is all explained in more detail in Chapter 5.)
</BLOCKQUOTE>
<BLOCKQUOTE>
<B>HTML Disk</B> The book's major bonus is the disk
that's glued onto the back cover. This little plastic frisbee
contains tons of HTML-related knickknacks, including all the HTML
examples I use in the book, some sample Web pages, an HTML editor,
graphics and sounds you can put in your Web page, and lots more.
</BLOCKQUOTE>
<P>
Also, as you're trudging through the book, look for the following
features that point out important info:<BR>
<P>
<CENTER>
<TABLE BORDERCOLOR=#000000 BORDER=1 WIDTH=80%>
<TR VALIGN=TOP><TD><B>By the Way…</B></TD></TR>
<TR VALIGN=TOP><TD>
<BLOCKQUOTE>
These boxes contain notes, tips, warnings, and asides that provide you with interesting and useful (at least theoretically!) nuggets of HTML lore.</BLOCKQUOTE>
</TD></TR>
</TABLE></CENTER>
<P>
<P>
<CENTER>
<TABLE BORDERCOLOR=#000000 BORDER=1 WIDTH=80%>
<TR VALIGN=TOP><TD><B>Technical Twaddle</B></TD></TR>
<TR VALIGN=TOP><TD>
<BLOCKQUOTE>
This "Techno Talk" icon points out technical information you can use to impress your friends (and then forget five minutes later).</BLOCKQUOTE>
</TD></TR>
</TABLE></CENTER>
<P>
<H3>Let Us Know How You're Doing!</H3>
<P>
Hey, you paid good money for this book, so it's only reasonable
that you should be able to get in touch with its author, right?
Sure! So, as long as you have something nice to say (complaints
will be cheerfully ignored), why not drop me a line and let me
know how your Web page is coming along or, heck, just tell me
what you thought of the book. If your page is ready to go, send
me its Web address and I'll surf over and take a look. My e-mail
address is <a href=mailto:paul@mcfedries.com>paul@mcfedries.com</a>.
<P>
If you'd like to drop by my own home page (be sure to sign the
guest book), here's the address:
<BLOCKQUOTE>
<PRE>
<A HREF=http://www.logophilia.com/Home/homepage.html>http://www.logophilia.com/Home/homepage.html</A>
</PRE>
</BLOCKQUOTE>
See you in cyberspace!
<H3>Acknowledgments (The Giving Credit Where Credit Is Due Department)
</H3>
<P>
The English essayist Joseph Addison once described an editor as
someone who "rides in the whirlwind and directs the storm."
I don't know if that's true for editors in some of the more sedate
publishing nooks (novels and cookbooks and such), but I think
it applies perfectly to the rigors of computer book editing. Why?
Well, the computer industry (and the World Wide Web in particular)
is so fast-paced that any kind of editorial (or authorial) dawdling
could mean a book will be obsolete before it even hits the shelves.
<P>
The good folks at Que avoid premature book obsolescence by subjecting
each manuscript to a barrage of simultaneous edits from a number
of specialists (I call it "gang editing"). So a process
that normally might take months is knocked down to a few short
weeks. This means you get a book that contains timely and relevant
information, and a book that has passed muster with some of the
sharpest eyes and inner ears in the business. My name may be the
only one that appears on the cover, but each of the following
people had a big hand in creating what you now hold in your hands:
<BLOCKQUOTE>
<B>Martha O'Sullivan</B>-Martha is an Acquisitions Editor at Que,
and she's the one who asked me to write this book. (She is, in
other words, the one to blame for the whole thing.)
</BLOCKQUOTE>
<BLOCKQUOTE>
<B>Lori Cates</B>-Lori was the Development Editor for the book.
Her job was to make sure the overall structure of the book made
sense and to be a sounding board for all my cockamamie ideas.
</BLOCKQUOTE>
<BLOCKQUOTE>
<B>Herb Feltner</B>-Herb was the book's Technical Editor and it
was his job to check my facts and to make sure the procedures
I tell you to follow won't lead you astray.
</BLOCKQUOTE>
<BLOCKQUOTE>
<B>Phil Kitchel</B>-Phil was the Production Editor and it was
his job to get the manuscript ready for the production process
where the figures are added in, the little icons and pictures
are placed just so, and the whole thing is made to look like a
true member of the <I>Complete Idiot's</I> family.
</BLOCKQUOTE>
<BLOCKQUOTE>
<B>Rebecca Mayfield and Katie Purdum</B>-A writer, as Oscar Wilde
said, "can survive everything but a misprint." As Copy
Editors, it was Rebecca and Katie's job to ensure that no misprints
occur, and to clean up my slapdash punctuation and rearrange my
slipshod sentence structure.
</BLOCKQUOTE>
<P>
Besides the editorial team, I'd also like to thank the untold
numbers of Web denizens and authors who were only too happy to
proffer comments, ideas, advice, and laughs.
<HR WIDTH=100%>
<CENTER><P>
<A HREF="index.htm"><IMG SRC="HTML/HB.GIF" BORDER=0 HEIGHT=88 WIDTH=140></A>
<A HREF="CH1.HTM"><IMG SRC="HTML/NC.GIF" BORDER=0 HEIGHT=88 WIDTH=140></A>
<HR WIDTH="100%"></P></CENTER>
</BODY>
</HTML>