HTML produced by AuthorIT 3.2
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 Level 3.2//EN">
<html>
<head>
<title> HTML Generated by AuthorIT Version 3.2 </title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<meta name="Generator" content="AuthorIT">
<meta name="Keywords" content="">
<style type="text/css">
a:hover { color:#008000; text-decoration: underline }
</style>
</head>
<body text="#000000" link="#0000A0" alink="#008000" vlink="#FF0000">
<h1 class="heading1">HTML Generated by AuthorIT Version 3.2</h1>
<p class="bodytext">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="bodytext">This page contains the following sections:</p>
<ul class="listbullet"><li class="listbullet"><span class="listbullet"><a id="h525" title="Ordinary paragraphs" href="524.htm#o525" target="_self">Ordinary Paragraphs</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h529" title="Manual formatting" href="524.htm#o529" target="_self">Manual formatting</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h530" title="A table" href="524.htm#o530" target="_self">A table</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h531" title="An ordered list" href="524.htm#o531" target="_self">An ordered list</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h532" title="An unordered list" href="524.htm#o532" target="_self">An unordered list</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h533" title="A complex nested list" href="524.htm#o533" target="_self">A complex nested list</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h534" title="A popup" href="524.htm#o534" target="_self">A popup</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h535" title="An image" href="524.htm#o535" target="_self">An image</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h536" title="An HTML Help shortcut control" href="524.htm#o536" target="_self">An HTML Help shortcut control</a></span></li>
<li class="listbullet"><span class="listbullet"><a id="h537" title="Credits" href="524.htm#o537" target="_self">Credits</a></span></li></ul>
<a name="O525"></a><h2 class="heading2">Ordinary paragraphs</h2>
<p class="bodytext">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="bodytext">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>
<a name="O529"></a><h2 class="heading2">Manual formatting</h2>
<p class="bodytext">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="bodytextcenter">The format of this paragraph has been changed manually (i.e., not using a CSS style). The left and right indent have been set to "1em", and the paragraph has been center-justified. </p>
<p class="bodytextright">This paragraph contains manual character formatting, including <strong class="specialbold">boldface</strong>, <em class="emphasis">italics</em>, <span class="bolditalic">bold italics</span>, <span class="underline">underlined</span>, <span class="fontsizechange">font size change</span>, and <span class="fontfamilychange">font family change</span>. </p>
<a name="O530"></a><h2 class="heading2">A table</h2>
<p class="bodytext">The following is a table:</p>
<table width="490" cellpadding="2" cellspacing="0" bordercolor="#000000" border="1">
<tr>
<td width="113" height="0"></td>
<td width="83" height="0"></td>
<td width="98" height="0"></td>
<td width="98" height="0"></td>
<td width="98" height="0"></td>
</tr>
<tr align="left" valign="top">
<td width="113"><p class="tablebodytext-green"><br></p>
</td>
<td width="83"><p class="tableheading-green">North</p>
</td>
<td width="98"><p class="tableheading-green">South</p>
</td>
<td width="98"><p class="tableheading-green">East</p>
</td>
<td width="98"><p class="tableheading-green">West</p>
</td></tr>
<tr align="left" valign="top">
<td width="113"><p class="tablebodytext-green">First Quarter</p>
</td>
<td width="83"><p class="tablebodytext">$112,000</p>
</td>
<td width="98"><p class="tablebodytext">$102,000</p>
</td>
<td width="98"><p class="tablebodytext">$156,000</p>
</td>
<td width="98"><p class="tablebodytext">$128,000</p>
</td></tr>
<tr align="left" valign="top">
<td width="113"><p class="tablebodytext-green">Second Quarter</p>
</td>
<td width="83"><p class="tablebodytext">$124,000</p>
</td>
<td width="98"><p class="tablebodytext">$108,000</p>
</td>
<td width="98"><p class="tablebodytext">$172,000</p>
</td>
<td width="98"><p class="tablebodytext">$135,000</p>
</td></tr>
<tr align="left" valign="top">
<td width="113"><p class="tablebodytext-green">Third Quarter</p>
</td>
<td width="83"><p class="tablebodytext">$156,000</p>
</td>
<td width="98"><p class="tablebodytext">$96,000</p>
</td>
<td width="98"><p class="tablebodytext">$181,000</p>
</td>
<td width="98"><p class="tablebodytext">$137,000</p>
</td></tr>
<tr align="left" valign="top">
<td width="113"><p class="tablebodytext-green">Fourth Quarter</p>
</td>
<td width="83"><p class="tablebodytext">$187,000</p>
</td>
<td width="98"><p class="tablebodytext">$135,000</p>
</td>
<td width="98"><p class="tablebodytext">$207,000</p>
</td>
<td width="98"><p class="tablebodytext">$168,000</p>
</td></tr>
</table>
<p class="bodytext"></p>
<a name="O531"></a><h2 class="heading2">An ordered list</h2>
<p class="bodytext">The following is an ordered list: </p>
<ol class="listnumber"><li class="listnumber"><span class="listnumber">First, do this. </span></li>
<li class="listnumber"><span class="listnumber">Then, do that. </span></li>
<li class="listnumber"><span class="listnumber">Finally, do the other. </span></li>
</ol><p class="bodytext"></p>
<a name="O532"></a><h2 class="heading2">An unordered list</h2>
<p class="bodytext">The following is an unordered list: </p>
<ul class="listbullet"><li class="listbullet"><span class="listbullet">Help Authors</span></li>
<li class="listbullet"><span class="listbullet">Web Designer</span></li>
<li class="listbullet"><span class="listbullet">Technical Writers </span></li>
</ul><p class="bodytext"></p>
<a name="O533"></a><h2 class="heading2">A complex nested list</h2>
<p class="bodytext">The following is a complex nested list: </p>
<ol class="listnumber"><li class="listnumber"><span class="listnumber">First do the following: </span></li>
<ol class="listalpha2"><li class="listalpha2"><span class="listalpha2">Do both of the following: </span></li>
<ol class="listalpha3"><li class="listalpha3"><span class="listalpha3">Sub-step a.</span></li>
<li class="listalpha3"><span class="listalpha3">Sub-step b. </span></li>
</ol><li class="listalpha2"><span class="listalpha2">Do one of the following: </span></li>
<ol class="listalpha3"><li class="listalpha3"><span class="listalpha3">Factor one</span></li>
<li class="listalpha3"><span class="listalpha3">Factor two </span></li>
</ol><li class="listalpha2"><span class="listalpha2">Click <strong class="specialbold">Save</strong>. </span></li>
</ol><li class="listnumber"><span class="listnumber">Then, type the following text: </span></li>
<p class="listcontinue2"><code class="monospacebold">DIR C: /W </code></p>
<li class="listnumber"><span class="listnumber">Finally, close the application. </span></li>
</ol><p class="bodytext"></p>
<a name="O534"></a><h2 class="heading2">A popup</h2>
<p class="bodytext">Here is a standard HTML Help text-only popup:</p>
<p class="bodytext"><script> popup558 = "This is a standard HTML Help, text-only popup."</script><a id="h558" title="Popup" href="javascript:hhctrl.TextPopup(popup558, 'Arial,10',10,10,10,10)">Popup</a></p>
<OBJECT id=hhctrl type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
codebase="hhctrl.ocx">
<PARAM name="Command" value="HH Version">
</OBJECT>
<a name="O535"></a><h2 class="heading2">An image</h2>
<p class="bodytext">Disconnect from Nemesis, as shown here: </p>
<p class="bodytext"><img src="560.gif" title="disconnect network drive image" height="202" width="372" vspace="0" hspace="0" align="bottom" border="0"></p>
<a name="O536"></a><h2 class="heading2">An HTML Help shortcut control</h2>
<p class="bodytext">Here is an HTML Help Shortcut control: </p>
<p class="bodytext"><OBJECT id=shortcutex 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:Notepad"> <PARAM name="Item1" value="notepad,notepad.exe,"></OBJECT></p>
<p class="bodytext"></p>
<a name="O537"></a><h2 class="heading2">Credits</h2>
<table width="492" cellpadding="2" cellspacing="0" bordercolor="#000000" border="1">
<tr>
<td width="164" height="0"></td>
<td width="164" height="0"></td>
<td width="164" height="0"></td>
</tr>
<tr align="left" valign="top">
<td width="164"><p class="tableheading">Contributor's Name</p>
</td>
<td width="164"><p class="tableheading">Contributor's Company</p>
</td>
<td width="164"><p class="tableheading">Tools</p>
</td></tr>
<tr align="left" valign="top">
<td width="164"><p class="tablebodytext"><a title="mailto:dana@logicsmith.com" href="mailto:dana@logicsmith.com" target="_self">Dana Cline</a></p>
</td>
<td width="164"><p class="tablebodytext"><a title="http://www.logicsmith.com" href="http://www.logicsmith.com" target="_self">TANSTAAFL Software</a></p>
</td>
<td width="164"><p class="tablebodytext">ForeHelp</p>
</td></tr>
<tr align="left" valign="top">
<td width="164"><p class="tablebodytext"><a title="mailto:CharJT@helpstuff.com" href="mailto:CharJT@helpstuff.com" target="_self">Char James-Tanny</a></p>
</td>
<td width="164"><p class="tablebodytext"><a title="http://www.helpstuff.com" href="http://www.helpstuff.com" target="_self">JTF Associates</a></p>
</td>
<td width="164"><p class="tablebodytext">AuthorIT</p>
</td></tr>
<tr align="left" valign="top">
<td width="164"><p class="tablebodytext"><a title="mailto:david@knopf.com" href="mailto:david@knopf.com" target="_self">David Knopf<br></a><br><br></p>
</td>
<td width="164"><p class="tablebodytext"><a title="http://www.knopf.com" href="http://www.knopf.com" target="_self">Knopf Online<br></a><br><br></p>
</td>
<td width="164"><p class="tablebodytext">Dreamweaver<br>WordHelp<br>WebWorks Publisher</p>
</td></tr>
<tr align="left" valign="top">
<td width="164"><p class="tablebodytext"><a title="pauln@helpauthors.com" href="pauln@helpauthors.com" target="_self">Paul Neshamkin<br></a><br></p>
</td>
<td width="164"><p class="tablebodytext"><a title="http://www.helpauthors.com" href="http://www.helpauthors.com" target="_self">The Paul Neshamkin Group</a></p>
</td>
<td width="164"><p class="tablebodytext"> Doc-to-Help 2000<br>Doc-to-Help 6</p>
</td></tr>
<tr align="left" valign="top">
<td width="164"><p class="tablebodytext"><a title="mailto:mj@wwwinnovations.com" href="mailto:mj@wwwinnovations.com" target="_self">MJ Plaster<br></a><br></p>
</td>
<td width="164"><p class="tablebodytext"><a title="http://www.wwwinnovations.com" href="http://www.wwwinnovations.com" target="_self">World Wide Winnovations<br></a><br></p>
</td>
<td width="164"><p class="tablebodytext">RoboHelp HTML<br>RoboHelp Classic</p>
</td></tr>
</table>
<p class="bodytext"> </p>
</body>
</html>