HTML produced by ComponentOne Doc-To-Help 6.0
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HTML Generated by ComponentOne Doc-To-Help 6.0</title>
<link rel="stylesheet" href="C1H_HTML.css" type="text/css">
<style type="text/css">
p { margin-top: 0; margin-bottom: 0; }
</style>
<script language="JavaScript">
function d2hload() {}
</script>
<script language="JavaScript" src="DocToHelp.js">
</script>
</head>
<body
style="background-color: #FFFFFF;
background-image: url(none);
background-repeat: no-repeat;"
onload="d2hload()"
onmousedown="d2hpopup()"
>
<p class=heading-2>HTML Generated by ComponentOne Doc-To-Help 6.0</p>
<p class=body-text>This file contains samples of the types of elements that are typically included in Help topics. This file has been created in a variety of other authoring tools as well so that Help authors can compare the actual HTML produced by different authoring tools. </p>
<p class=body-text>This page contains the following sections: </p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#ordinaryparagraphs.htm">Ordinary paragraphs</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#manualformatting.htm">Manual formatting</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#atable.htm">A table</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#anorderedlist.htm">An ordered list</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#anunorderedlist.htm">An unordered list</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#acomplexnestedlist.htm">A complex nested list</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#apopup.htm">A popup</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#animage.htm">An image</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#anhtmlhelpshortcutcontrol.htm">An HTML Help Shortcut Control</a></span></p>
<p class=body-text><span class=c1h-jump><a href="htmlgeneratedbycomponentonedoctohelp60.htm#credits.htm">Credits</a></span></p>
<p class=midtopic><a name="ordinaryparagraphs.htm"></a>
Ordinary paragraphs </p>
<p class=body-text>These are ordinary paragraphs. Humphrey Bogart once said, "I came out here with one suit and everybody said I looked like a bum. Twenty years later Marlon Brando came out with only a sweatshirt and the town drooled over him. That shows how much Hollywood has progressed." </p>
<p class=body-text>These are ordinary paragraphs. Groucho Marx once said, "Please accept my resignation. I don’t care to belong to any club that will have me as a member." </p>
<p class=midtopic><a name="manualformatting.htm"></a>
Manual formatting </p>
<p class=body-text>Some of the tools on our list allow for manual paragraph and character formatting (for example, RoboHelp HTML and Dreamweaver), while others require that users define explicit styles (for example, AuthorIT and Doc-To-Help 6.0). The following paragraphs have been restyled as specified, using manual formatting where allowed.</p>
<p class=body-text> </p>
<p class=indentbody>The format of this paragraph has been changed using a CSS style. The left and right indent have been set to "1em", and the paragraph has been center-justified. </p>
<p class=body-text>This paragraph contains manual character formatting, including <b>boldface</b>, <i>italics</i>, <b><i>bold italics</i></b>, <u>underlined</u>, <span class=fontsize>font size change</span>, and <span class=fontfamily>font family change</span>. </p>
<p class=midtopic><a name="atable.htm"></a>
A table </p>
<p class=body-text>The following is a table: </p>
<table cellpadding=0 cellspacing=0 border=1 style="margin-left: -0.0159722in">
<tr>
<td valign=top style="width: 0.802083in">
<p class=tableheading>
</p></td>
<td valign=top style="width: 0.798611in">
<p class=tableheading>North </p></td>
<td valign=top style="width: 0.798611in">
<p class=tableheading>South </p></td>
<td valign=top style="width: 0.798611in">
<p class=tableheading>East </p></td>
<td valign=top style="width: 0.802083in">
<p class=tableheading>West</p></td>
</tr>
<tr>
<td valign=top style="width: 0.802083in">
<p class=tableheading>First Quarter</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$112,000</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$102,000</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$156,000</p></td>
<td valign=top style="width: 0.802083in">
<p class=tabletext>$128,000</p></td>
</tr>
<tr>
<td valign=top style="width: 0.802083in">
<p class=tableheading>Second Quarter</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$124,000</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$108,000</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$172,000</p></td>
<td valign=top style="width: 0.802083in">
<p class=tabletext>$135,000</p></td>
</tr>
<tr>
<td valign=top>
<p class=tableheading>Third Quarter</p></td>
<td valign=top>
<p class=tabletext>$156,000</p></td>
<td valign=top>
<p class=tabletext>$96,000</p></td>
<td valign=top>
<p class=tabletext>$181,000</p></td>
<td valign=top>
<p class=tabletext>$137,000</p></td>
</tr>
<tr>
<td valign=top style="width: 0.802083in">
<p class=tableheading>Fourth Quarter</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$187,000</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$135,000</p></td>
<td valign=top style="width: 0.798611in">
<p class=tabletext>$207,000</p></td>
<td valign=top style="width: 0.802083in">
<p class=tabletext>$168,000</p></td>
</tr>
</table>
<p class=body-text> </p>
<p class=midtopic><a name="anorderedlist.htm"></a>
An ordered list </p>
<p class=body-text>The following is an ordered list: </p>
<p class=body-text style="margin-left: 18pt;">1.</p><p class=body-text style="margin-left: 36pt; margin-top: -12pt;">First, do this. </p>
<p class=body-text style="margin-left: 18pt;">2.</p><p class=body-text style="margin-left: 36pt; margin-top: -12pt;">Then, do that. </p>
<p class=body-text style="margin-left: 18pt;">3.</p><p class=body-text style="margin-left: 36pt; margin-top: -12pt;">Finally, do the other. </p>
<p class=midtopic><a name="anunorderedlist.htm"></a>
An unordered list </p>
<p class=body-text>The following is an unordered list: </p>
<p class=c1h-bullet>•</p><p class=c1h-bullet-tab1>Help Authors</p>
<p class=c1h-bullet>•</p><p class=c1h-bullet-tab1>Web Designers</p>
<p class=c1h-bullet>•</p><p class=c1h-bullet-tab1>Technical Writers </p>
<p class=midtopic><a name="acomplexnestedlist.htm"></a>
A complex nested list </p>
<p class=body-text>The following is a complex nested list: </p>
<p class=c1h-number>1.</p><p class=c1h-number-tab1>First do the following: </p>
<p class=c1h-number-2>1.</p><p class=c1h-number-2-tab1>Do both of the following: </p>
<p class=c1h-bullet-2>•</p><p class=c1h-bullet-2-tab1>Sub-step a.</p>
<p class=c1h-bullet-2>•</p><p class=c1h-bullet-2-tab1>Sub-step b. </p>
<p class=c1h-number-2>2.</p><p class=c1h-number-2-tab1>Do one of the following: </p>
<p class=c1h-bullet-2>•</p><p class=c1h-bullet-2-tab1>Factor one</p>
<p class=c1h-bullet-2>•</p><p class=c1h-bullet-2-tab1>Factor two </p>
<p class=c1h-number-2>3.</p><p class=c1h-number-2-tab1>Click Save. </p>
<p class=c1h-number>2.</p><p class=c1h-number-tab1>Then, type the following text: </p>
<p class=codeexplained><b>DIR C: /W</b></p>
</b><p class=c1h-number>3.</p><p class=c1h-number-tab1>Finally, close the application. </p>
<p class=midtopic><a name="apopup.htm"></a>
A popup </p>
<p class=body-text>Here is a standard HTML Help text-only popup: </p>
<p class=body-text><p><a href="JavaScript:hhctrl.TextPopup('This is a standard HTML Help, text-only popup. ','Arial,8',10,10,00000000,0xc0ffff)">Click
here</a>. </p></p>
<p class=midtopic><a name="animage.htm"></a>
An image </p>
<p class=body-text>Disconnect from Nemesis, as shown here: </p>
<p class=body-text><img border=0 src="_html_comparisonD2H6-1.png"></p>
<p class=midtopic><a name="anhtmlhelpshortcutcontrol.htm"></a>
An HTML Help Shortcut Control </p>
<p class=body-text>Here is an HTML Help Shortcut control: </p>
<p class=body-text><OBJECT id=hhctrl type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
width=100
height=100
>
<PARAM name="Command" value="ShortCut">
<PARAM name="Button" value="Text:Click here to run Notepad">
<PARAM name="Item1" value=",Notepad.exe,">
</OBJECT></p>
<p class=body-text> </p>
<p class=midtopic><a name="credits.htm"></a>
Credits </p>
<p class=body-text>Thanks to the following individuals, who created these Help Authoring Tool output samples: </p>
<p class=body-text> </p>
<table cellpadding=0 cellspacing=0 border=1 style="margin-left: -0.0159722in">
<tr>
<td valign=top style="width: 1.33472in">
<p class=tablehead2>Contributor's Name</p></td>
<td valign=top style="width: 1.33056in">
<p class=tablehead2>Contributor's Company</p></td>
<td valign=top style="width: 1.33472in">
<p class=tablehead2>Tools</p></td>
</tr>
<tr>
<td valign=top style="width: 1.33472in">
<p class=tabletext><a href="mailto:dana@logicsmith.com"><span class=hyperlink>Dana Cline</span></a></p></td>
<td valign=top style="width: 1.33056in">
<p class=tabletext><a href="http://www.logicsmith.com/"><span class=hyperlink>TANSTAAFL Software</span></a></p></td>
<td valign=top style="width: 1.33472in">
<p class=tabletext>ForeHTML </p></td>
</tr>
<tr>
<td valign=top style="width: 1.33472in">
<p class=tabletext><a href="mailto:charjt@helpstuff.com"><span class=hyperlink>Char James-Tanny</span></a></p></td>
<td valign=top style="width: 1.33056in">
<p class=tabletext><a href="http://www.helpstuff.com/"><span class=hyperlink>JTF Associates</span></a></p></td>
<td valign=top style="width: 1.33472in">
<p class=tabletext>AuthorIT<br>
Hand-coded HTML</p></td>
</tr>
<tr>
<td valign=top>
<p class=tabletext><a href="mailto:david@knopf.com"><span class=hyperlink>David Knopf</span></a></p></td>
<td valign=top>
<p class=tabletext><a href="http://www.knopf.com/"><span class=hyperlink>Knopf Online</span></a></p></td>
<td valign=top>
<p class=tabletext>Dreamweaver<br>
WordHelp<br>
WebWorks Publisher</p></td>
</tr>
<tr>
<td valign=top>
<p class=tabletext><a href="mailto:pauln@helpauthors.com"><span class=hyperlink>Paul Neshamkin</span></a></p></td>
<td valign=top>
<p class=tabletext><a href="http://www.helpauthors.com/"><span class=hyperlink>The Paul Neshamkin Group</span></a></p></td>
<td valign=top>
<p class=tabletext>Doc-To-Help 2000<br>
Doc-To-Help 6</p></td>
</tr>
<tr>
<td valign=top style="width: 1.33472in">
<p class=tabletext><a href="mailto:mj@wwwinnovations.com"><span class=hyperlink>MJ Plaster</span></a></p></td>
<td valign=top style="width: 1.33056in">
<p class=tabletext><a href="http://www.wwwinnovations.com/"><span class=hyperlink>World Wide Winnovations</span></a></p></td>
<td valign=top style="width: 1.33472in">
<p class=tabletext>RoboHelp HTML<br>
RoboHelp Classic </p></td>
</tr>
</table>
<p class=body-text> </p>
<p> </p>
<div id="popupDiv">
</div>
</body>
</html>