HTML produced by AuthorIT 3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> HTML Generated by AuthorIT Version 4 </title>
<link rel="stylesheet" href="stylesheet.css">
<meta name="Generator" content="AITPublish">
<meta name="Keywords" content="">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<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 4</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" style = "border-collapse:collapse" border="0">
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="113"><p class="tablebodytext-green"><br></p>
</td>
<td style = "border:1px solid #010101;" width="83"><p class="tableheading-green">North</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tableheading-green">South</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tableheading-green">East</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tableheading-green">West</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="113"><p class="tablebodytext-green">First Quarter</p>
</td>
<td style = "border:1px solid #010101;" width="83"><p class="tablebodytext">$112,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$102,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$156,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$128,000</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="113"><p class="tablebodytext-green">Second Quarter</p>
</td>
<td style = "border:1px solid #010101;" width="83"><p class="tablebodytext">$124,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$108,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$172,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$135,000</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="113"><p class="tablebodytext-green">Third Quarter</p>
</td>
<td style = "border:1px solid #010101;" width="83"><p class="tablebodytext">$156,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$96,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$181,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$137,000</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="113"><p class="tablebodytext-green">Fourth Quarter</p>
</td>
<td style = "border:1px solid #010101;" width="83"><p class="tablebodytext">$187,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$135,000</p>
</td>
<td style = "border:1px solid #010101;" width="98"><p class="tablebodytext">$207,000</p>
</td>
<td style = "border:1px solid #010101;" 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><ol class="listalpha2"><li class="listalpha2"><span class="listalpha2">Do both of the following: </span><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><li class="listalpha2"><span class="listalpha2">Do one of the following: </span><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><li class="listalpha2"><span class="listalpha2">Click <strong class="specialbold">Save</strong>. </span></li></ol></li><li class="listnumber"><span class="listnumber">Then, type the following text: </span><p class="listcontinue2"><code class="monospacebold">DIR C: /W </code></p>
</li><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 type = "text/javascript"> 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>
<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" alt="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>
<a name="o537"></a><h2 class="heading2">Credits</h2>
<table width="492" cellpadding="2" cellspacing="0" style = "border-collapse:collapse" border="0">
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="164"><p class="tableheading">Contributor's Name</p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tableheading">Contributor's Company</p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tableheading">Tools</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="mailto:dana@logicsmith.com" target="_self">Dana Cline</a></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="http://www.logicsmith.com" target="_self">TANSTAAFL Software</a></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext">ForeHelp</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="mailto:CharJT@helpstuff.com" target="_self">Char James-Tanny</a></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="http://www.helpstuff.com" target="_self">JTF Associates</a></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext">AuthorIT</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="mailto:david@knopf.com" target="_self">David Knopf</a><br><br><br></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="http://www.knopf.com" target="_self">Knopf Online</a><br><br><br></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext">Dreamweaver<br>WordHelp<br>WebWorks Publisher</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="pauln@helpauthors.com" target="_self">Paul Neshamkin</a><br><br></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="http://www.helpauthors.com" target="_self">The Paul Neshamkin Group</a></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"> Doc-to-Help 2000<br>Doc-to-Help 6</p>
</td>
</tr>
<tr align="left" valign="top">
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="mailto:mj@wwwinnovations.com" target="_self">MJ Plaster</a><br><br></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext"><a title="" href="http://www.wwwinnovations.com" target="_self">World Wide Winnovations</a><br><br></p>
</td>
<td style = "border:1px solid #010101;" width="164"><p class="tablebodytext">RoboHelp HTML<br>RoboHelp Classic</p>
</td>
</tr>
</table>
<p class="bodytext"> </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>
</body>
</html>