blob: 4c24c38d6242436c5ff70bb27b4046f7c30dbe1d [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="Apache Forrest" name="Generator">
<meta name="Forrest-version" content="0.8-dev">
<meta name="Forrest-skin-name" content="pelt">
<title>The Apache Forrest xdocs document-v1.3 DTD</title>
<link type="text/css" href="../skin/basic.css" rel="stylesheet">
<link media="screen" type="text/css" href="../skin/screen.css" rel="stylesheet">
<link media="print" type="text/css" href="../skin/print.css" rel="stylesheet">
<link type="text/css" href="../skin/profile.css" rel="stylesheet">
<script src="../skin/getBlank.js" language="javascript" type="text/javascript"></script><script src="../skin/getMenu.js" language="javascript" type="text/javascript"></script><script src="../skin/fontsize.js" language="javascript" type="text/javascript"></script>
<link rel="shortcut icon" href="../favicon.ico">
</head>
<body onload="init()">
<script type="text/javascript">ndeSetTextSize();</script>
<div id="top">
<!--+
|breadtrail
+-->
<div class="breadtrail">
<a href="http://www.apache.org/">apache</a> &gt; <a href="http://forrest.apache.org/">forrest</a><script src="../skin/breadcrumbs.js" language="JavaScript" type="text/javascript"></script>
</div>
<!--+
|header
+-->
<div class="header">
<!--+
|start group logo
+-->
<div class="grouplogo">
<a href="http://www.apache.org/"><img class="logoImage" alt="Apache" src="../images/apache-forrest.png" title="The Apache Software Foundation"></a>
</div>
<!--+
|end group logo
+-->
<!--+
|start Project Logo
+-->
<div class="projectlogo">
<a href="http://forrest.apache.org/"><img class="logoImage" alt="Forrest" src="../images/project-logo.gif" title="Apache Forrest"></a>
</div>
<!--+
|end Project Logo
+-->
<!--+
|start Search
+-->
<div class="searchbox">
<form action="http://www.google.com/search" method="get" class="roundtopsmall">
<input value="forrest.apache.org" name="sitesearch" type="hidden"><input onFocus="getBlank (this, 'Search the site with google');" size="25" name="q" id="query" type="text" value="Search the site with google">&nbsp;
<input name="Search" value="Search" type="submit">
</form>
</div>
<!--+
|end search
+-->
<!--+
|start Tabs
+-->
<ul id="tabs">
<li>
<a class="unselected" href="../index.html">Welcome</a>
</li>
<li>
<a class="unselected" href="../contrib.html">Developers</a>
</li>
<li class="current">
<a class="selected" href="../versions/index.html">Versioned Docs</a>
</li>
<li>
<a class="unselected" href="../pluginDocs/index.html">Plugins</a>
</li>
<li>
<a class="unselected" href="../tools/index.html">Tools</a>
</li>
</ul>
<!--+
|end Tabs
+-->
</div>
</div>
<div id="main">
<div id="publishedStrip">
<!--+
|start Subtabs
+-->
<div id="level2tabs">
<a class="unselected" href="../docs_0_70/index.html">0.70 (current)</a><a class="selected" href="../docs_0_80/index.html">0.80-dev (under development)</a><a class="unselected" href="../docs_0_60/index.html">0.60 (past)</a>
</div>
<!--+
|end Endtabs
+-->
<script type="text/javascript"><!--
document.write("Last Published: " + document.lastModified);
// --></script>
</div>
<!--+
|breadtrail
+-->
<div class="breadtrail">
&nbsp;
</div>
<!--+
|start Menu, mainarea
+-->
<!--+
|start Menu
+-->
<div id="menu">
<div onclick="SwitchMenu('menu_selected_1.1', '../skin/')" id="menu_selected_1.1Title" class="menutitle" style="background-image: url('../skin/images/chapter_open.gif');">0.80-dev</div>
<div id="menu_selected_1.1" class="selectedmenuitemgroup" style="display: block;">
<div class="menuitem">
<a href="../docs_0_80/index.html">Overview</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/your-project.html">Using Forrest</a>
</div>
<div onclick="SwitchMenu('menu_1.1.3', '../skin/')" id="menu_1.1.3Title" class="menutitle">How-To</div>
<div id="menu_1.1.3" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/howto/index.html">Overview</a>
</div>
<div onclick="SwitchMenu('menu_1.1.3.2', '../skin/')" id="menu_1.1.3.2Title" class="menutitle">Install Forrest</div>
<div id="menu_1.1.3.2" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/build.html" title="Build and install the current unreleased version">Building Forrest from Source</a>
</div>
</div>
<div class="menuitem">
<a href="../docs_0_80/upgrading_08.html">Upgrading to 0.8</a>
</div>
<div class="menuitem">
<a href="">Use Forrest</a>
</div>
<div onclick="SwitchMenu('menu_1.1.3.5', '../skin/')" id="menu_1.1.3.5Title" class="menutitle">Customize Forrest</div>
<div id="menu_1.1.3.5" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/sitemap-explain.html">Sitemaps explained</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/howto-custom-html-source.html">Custom html source</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/project-sitemap.html">Project sitemap</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/howto-editcss.html">Edit CSS (WYSIWYG)</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/howto-pdf-tab.html" title="Generate one pdf-document for all pages of a tab">Create tab PDF</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/howto-corner-images.html">CSS corner SVG</a>
</div>
</div>
<div onclick="SwitchMenu('menu_1.1.3.6', '../skin/')" id="menu_1.1.3.6Title" class="menutitle">Integrate Forrest with tools</div>
<div id="menu_1.1.3.6" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/howto/howto-forrest-from-maven.html">Maven Integration</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/catalog.html">Using DTD Catalogs</a>
</div>
</div>
<div onclick="SwitchMenu('menu_1.1.3.7', '../skin/')" id="menu_1.1.3.7Title" class="menutitle">Extend Forrest</div>
<div id="menu_1.1.3.7" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/howto/howto-buildPlugin.html">Build a Plugin</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/skin-package.html">Package new Skins</a>
</div>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/howto-asf-mirror.html">Download mirror</a>
</div>
<div onclick="SwitchMenu('menu_1.1.3.9', '../skin/')" id="menu_1.1.3.9Title" class="menutitle">Adding Documentation</div>
<div id="menu_1.1.3.9" class="menuitemgroup">
<div class="menuitem">
<a href="../howto-howto.html" title="Instructions for writing a new howto-document">Write a How-to</a>
</div>
<div onclick="SwitchMenu('menu_1.1.3.9.2', '../skin/')" id="menu_1.1.3.9.2Title" class="menutitle">Multipage HowTo</div>
<div id="menu_1.1.3.9.2" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/howto/multi/howto-multi.html">Introduction</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/multi/step1.html">Step 1</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/multi/step2.html">Step 2</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/multi/step3.html">Step 3</a>
</div>
</div>
</div>
</div>
<div class="menuitem">
<a href="../docs_0_80/faq.html">FAQs</a>
</div>
<div onclick="SwitchMenu('menu_1.1.5', '../skin/')" id="menu_1.1.5Title" class="menutitle">Background</div>
<div id="menu_1.1.5" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/linking.html">Menus and Linking</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/searching.html">Search Options in Forrest</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/locationmap.html">Locationmap</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/sitemap-ref.html">Sitemap Reference</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/skins.html" title="About default skins, their naming and features">Skins</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/status-themes.html">Dispatcher versus Skins</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/cap.html">Sourcetype Action</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/validation.html">XML validation and entity resolution</a>
</div>
</div>
<div class="menuitem">
<a href="../docs_0_80/changes.html">Changes</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/glossary.html">Glossary</a>
</div>
<div onclick="SwitchMenu('menu_selected_1.1.8', '../skin/')" id="menu_selected_1.1.8Title" class="menutitle" style="background-image: url('../skin/images/chapter_open.gif');">Reference docs</div>
<div id="menu_selected_1.1.8" class="selectedmenuitemgroup" style="display: block;">
<div onclick="SwitchMenu('menu_1.1.8.1', '../skin/')" id="menu_1.1.8.1Title" class="menutitle">DTD documentation</div>
<div id="menu_1.1.8.1" class="menuitemgroup">
<div class="menuitem">
<a href="../dtdx/dtd-docs.html">Overview</a>
</div>
<div class="menuitem">
<a href="../dtdx/document-v20.dtdx.html">document-v20</a>
</div>
<div class="menuitem">
<a href="../dtdx/howto-v20.dtdx.html">howto-v20</a>
</div>
<div class="menuitem">
<a href="../dtdx/faq-v20.dtdx.html">faq-v20</a>
</div>
<div class="menuitem">
<a href="../dtdx/document-v13.dtdx.html">document-v13</a>
</div>
<div class="menuitem">
<a href="../dtdx/howto-v13.dtdx.html">howto-v13</a>
</div>
<div class="menuitem">
<a href="../dtdx/faq-v13.dtdx.html">faq-v13</a>
</div>
</div>
<div onclick="SwitchMenu('menu_selected_1.1.8.2', '../skin/')" id="menu_selected_1.1.8.2Title" class="menutitle" style="background-image: url('../skin/images/chapter_open.gif');">Doc samples</div>
<div id="menu_selected_1.1.8.2" class="selectedmenuitemgroup" style="display: block;">
<div class="menupage">
<div class="menupagetitle">document-v13</div>
</div>
<div class="menuitem">
<a href="../dtdx/document-v20.html">document-v20</a>
</div>
</div>
</div>
<div onclick="SwitchMenu('menu_1.1.9', '../skin/')" id="menu_1.1.9Title" class="menutitle">Older Docs</div>
<div id="menu_1.1.9" class="menuitemgroup">
<div class="menuitem">
<a href="../docs_0_80/primer.html">Forrest Primer</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/libre-intro.html">Libre</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/dreams.html">Dream list</a>
</div>
<div class="menuitem">
<a href="../docs_0_80/howto/cvs-ssh/howto-cvs-ssh.html">CVS over SSH</a>
</div>
</div>
</div>
<div id="credit"></div>
<div id="roundbottom">
<img style="display: none" class="corner" height="15" width="15" alt="" src="../skin/images/rc-b-l-15-1body-2menu-3menu.png"></div>
<!--+
|alternative credits
+-->
<div id="credit2">
<a href="http://apachecon.com/2007/EU/"><img border="0" title="ApacheCon Europe 2007" alt="ApacheCon Europe 2007 - logo" src="http://apache.org/ads/ApacheCon/2007-europe-125x125.png" style="width: 125px;height: 125px;"></a><a href="http://people.apache.org/calendar.html#200711"><img border="0" title="ApacheCon US 2007" alt="ApacheCon US 2007 - logo" src="http://apache.org/ads/ApacheCon/2007-usa-125x125.png" style="width: 125px;height: 125px;"></a>
</div>
</div>
<!--+
|end Menu
+-->
<!--+
|start content
+-->
<div id="content">
<div title="Portable Document Format" class="pdflink">
<a class="dida" href="document-v13.pdf"><img alt="PDF -icon" src="../skin/images/pdfdoc.gif" class="skin"><br>
PDF</a>
</div>
<div class="trail">Font size:
&nbsp;<input value="Reset" class="resetfont" title="Reset text" onclick="ndeSetTextSize('reset'); return false;" type="button">
&nbsp;<input value="-a" class="smallerfont" title="Shrink text" onclick="ndeSetTextSize('decr'); return false;" type="button">
&nbsp;<input value="+a" class="biggerfont" title="Enlarge text" onclick="ndeSetTextSize('incr'); return false;" type="button">
</div>
<h1>The Apache Forrest xdocs document-v1.3 DTD</h1>
<div class="abstract">
This is a demonstration document using all possible elements in the
current Apache Forrest xdocs document-v13.dtd
</div>
<div id="minitoc-area">
<ul class="minitoc">
<li>
<a href="#sample">Sample Content</a>
<ul class="minitoc">
<li>
<a href="#block-inline">Block and inline elements</a>
</li>
<li>
<a href="#presentations">Various presentation formats</a>
</li>
<li>
<a href="#section">Using sections</a>
</li>
<li>
<a href="#sub-section">Sections, the sequel</a>
<ul class="minitoc">
<li>
<a href="#sub-sub-section">Section 2.1</a>
</li>
</ul>
</li>
<li>
<a href="#source">Showing preformatted source code</a>
</li>
<li>
<a href="#table">Using tables</a>
</li>
<li>
<a href="#figure">Using figures</a>
</li>
</ul>
</li>
<li>
<a href="#changes">DTD changes</a>
<ul class="minitoc">
<li>
<a href="#changes-13">Changes since document-v12</a>
</li>
<li>
<a href="#changes-12">Changes since document-v11</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="note">
<div class="label">Note</div>
<div class="content">
This is a demonstration document using all possible elements in the
current Apache Forrest xdocs <span class="codefrag">document-v13.dtd</span> (See the
<a href="#changes">DTD changes</a> section at the bottom.)
</div>
</div>
<a name="N10020"></a><a name="sample"></a>
<h2 class="underlined_10">Sample Content</h2>
<div class="section">
<p>
<strong>Hint:</strong> See the xml source to see how the various
elements are used and see the <a href="../docs_0_80/../dtdx/dtd-docs.html">DTD reference
documentation</a>.
</p>
<a name="N10030"></a><a name="block-inline"></a>
<h3 class="underlined_5">Block and inline elements</h3>
<p>
This is a simple paragraph. Most documents contain a fair amount of
paragraphs. Paragraphs are called <span class="codefrag">&lt;p&gt;</span>.
</p>
<div class="pre">
With the <span class="codefrag">&lt;p xml:space="preserve"&gt;</span> attribute, you can declare
that whitespace should be preserved, without implying it is in any other
way special.
</div>
<p>
This next paragraph has a class attribute of 'quote'. CSS can be used
to present this <span class="codefrag">&lt;p class='quote'&gt;</span> in a different
style than the other paragraphs. The handling of this quoted paragraph
is defined in the &lt;extra-css&gt; element in the skinconf.xml.
</p>
<p class="quote">
Anyway, like I was sayin', shrimp is the fruit of the sea. You can
barbecue it, boil it, broil it, bake it, sautee it. Dey's uh,
shrimp-kabobs, shrimp creole, shrimp gumbo. Pan fried, deep fried,
stir-fried. There's pineapple shrimp, lemon shrimp, coconut shrimp,
pepper shrimp, shrimp soup, shrimp stew, shrimp salad, shrimp and
potatoes, shrimp burger, shrimp sandwich. That- that's about it.
</p>
<p>
A number of in-line elements are available in the DTD, we will show
them inside an unordered list (<span class="codefrag">&lt;ul&gt;</span>):
</p>
<ul>
<li>Here is a simple list item (<span class="codefrag">&lt;li&gt;</span>).</li>
<li>Have you seen the use of the <span class="codefrag">&lt;code&gt;</span> element in the
previous item?</li>
<li>Also, we have <span class="codefrag">&lt;sub&gt;</span> and <span class="codefrag">&lt;sup&gt;</span>
elements to show content <sup>above</sup> or <sub>below</sub> the text
baseline.</li>
<li>There is a facility to <em>emphasize</em> certain words using the
<span class="codefrag">&lt;em&gt;</span><strong><span class="codefrag">&lt;strong&gt;</span></strong>
elements.</li>
<li>We can use
<img class="icon" alt="feather" height="22" src="images/icon.png" width="26"><span class="codefrag">&lt;icon&gt;</span>s too.</li>
<li>Another possibility is the <span class="codefrag">&lt;img&gt;</span> element:
<img alt="another feather" height="22" src="images/icon.png" width="26">,
which offers the ability to refer to an image map.</li>
<li>We have elements for hyperlinking:
<dl>
<dt>
<span class="codefrag">&lt;link href="../index.html"&gt;</span>
</dt>
<dd>Use this to
<a href="../index.html" title="Example of a document via link">link</a>
to another document. As per normal, this will open the new document
in the same browser window.</dd>
<dt>
<span class="codefrag">&lt;link href="#section"&gt;</span>
</dt>
<dd>Use this to
<a href="#section" title="Example of a document via local anchor">link</a>
to the named anchor in the current document.
</dd>
<dt>
<span class="codefrag">&lt;link href="../index.html#History"&gt;</span>
</dt>
<dd>Use this to
<a href="../index.html#History" title="Example of a document via link and anchor">link</a>
to another document and go to the named anchor. This will open
the new document in the same browser window.
</dd>
<dt>
<span class="codefrag">&lt;jump href="../index.html"&gt;</span>
</dt>
<dd>Use this to
<a target="_top" href="../index.html">jump</a>
to another document and optionally go to a named
<a target="_top" href="../index.html#overview">anchor</a>
within that document. This will open the new document in the same
browser window. So what is the difference between link and jump?
The jump behaves differently, in that it will replace any frames
in the current window.
This is the equivalent of
<span class="codefrag">&lt;a ... target="_top"&gt;</span>
</dd>
<dt>
<span class="codefrag">&lt;fork href="../index.html"&gt;</span>
</dt>
<dd>Use this to
<a target="_blank" href="../index.html">fork</a>
your webbrowser to another document. This will open the document
in a new, unnamed browser window.
This is the equivalent of
<span class="codefrag">&lt;a ... target="_blank"&gt;</span>
</dd>
</dl>
</li>
<li>Oh, by the way, a definition list <span class="codefrag">&lt;dl&gt;</span> was used inside
the previous list item. We could put another
<ul>
<li>unordered list</li>
<li>inside the list item</li>
</ul>
<table class="ForrestTable" cellspacing="1" cellpadding="4">
<caption>A sample nested table</caption>
<tr>
<td colspan="1" rowspan="1">Or even tables.. </td>
<td colspan="1" rowspan="1">
<table class="ForrestTable" cellspacing="1" cellpadding="4">
<tr>
<td colspan="1" rowspan="1">inside tables..</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1">or inside lists, but I believe this liberty gets quickly quite
hairy as you see.</td>
</tr>
</table>
</li>
</ul>
<p>
So far for the in-line elements, let's look at some paragraph-level
elements.
</p>
<div class="fixme">
<div class="label">Fixme (SN)</div>
<div class="content">
The <span class="codefrag">&lt;fixme&gt;</span> element is used for stuff which still
needs work. Mind the <span class="codefrag">author</span> attribute!
</div>
</div>
<div class="note">
<div class="label">Note</div>
<div class="content">
Use the <span class="codefrag">&lt;note&gt;</span> element to draw attention to
something, e.g. ...The <span class="codefrag">&lt;code&gt;</span> element is used when
the author can't express himself clearly using normal sentences ;-)
</div>
</div>
<div class="warning">
<div class="label">Warning</div>
<div class="content">
Sleep deprivation can be the result of being involved in an open
source project. (a.k.a. the <span class="codefrag">&lt;warning&gt;</span> element).
</div>
</div>
<div class="note">
<div class="label">Important</div>
<div class="content">
If you want your own labels for notes and warnings, specify them using
the <span class="codefrag">label</span> attribute.
</div>
</div>
<p>
Apart from unordered lists, we have ordered lists too, of course.
</p>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>This should be 3 if my math is still OK.</li>
</ol>
<a name="N10145"></a><a name="presentations"></a>
<h3 class="underlined_5">Various presentation formats</h3>
<p>
This sample document, written in document-v13 XML can be presented via
Forrest in a number of different formats. The links in the following
list show this document in each of the currently available formats.
</p>
<p>
Each of the formats can be made available as a link near the top of
the page. Actual placement of those links depends on the skin
currently in use. Those links are enabled in the skinconf.xml via the
&lt;disable-XXX-link&gt; elements in the skinconf.xml
</p>
<table class="ForrestTable" cellspacing="1" cellpadding="4">
<tr>
<th colspan="1" rowspan="1">Presentation Format</th>
<th colspan="1" rowspan="1">Description</th>
<th colspan="1" rowspan="1">skinconf.xml Element</th>
</tr>
<tr>
<td colspan="1" rowspan="1"><a href="document-v13.html">HTML</a>
</td>
<td colspan="1" rowspan="1">This document in HTML format. </td>
<td colspan="1" rowspan="1">Always generated by default. Cannot be turned off.</td>
</tr>
<tr>
<td colspan="1" rowspan="1"><a href="document-v13.xml">XML</a>
</td>
<td colspan="1" rowspan="1">This document in its raw XML format.</td>
<td colspan="1" rowspan="1">&lt;disable-xml-link&gt;. By default, set to true, meaning
that this link will not be shown.</td>
</tr>
<tr>
<td colspan="1" rowspan="1"><a href="document-v13.pdf">PDF</a>
</td>
<td colspan="1" rowspan="1">This document as Adobe PDF</td>
<td colspan="1" rowspan="1">&lt;disable-pdf-link&gt;. By default, set to false, meaning
that this link will be shown.</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Text</td>
<td colspan="1" rowspan="1">This document as straight text.</td>
<td colspan="1" rowspan="1">&lt;disable-txt-link&gt;. By default, set to true, meaning
that this link will not be shown. NOT YET IMPLEMENTED.</td>
</tr>
<tr>
<td colspan="1" rowspan="1"><a href="document-v13.pod">POD</a>
</td>
<td colspan="1" rowspan="1">This document as Perl POD (Plain Old Documentation). Text with
minimal formatting directives. If on a *nix system with perl
installed, see "man perlpod".</td>
<td colspan="1" rowspan="1">&lt;disable-pod-link&gt;. By default, set to true, meaning
that this link will not be shown.</td>
</tr>
</table>
<a name="N101CD"></a><a name="section"></a>
<h3 class="underlined_5">Using sections</h3>
<p>
You can use sections to put some structure in your document. For some
strange historical reason, the section title is an attribute of the
<span class="codefrag">&lt;section&gt;</span> element.
</p>
<a name="N101DA"></a><a name="sub-section"></a>
<h3 class="underlined_5">Sections, the sequel</h3>
<p>
Just some second section.
</p>
<a name="N101E3"></a><a name="sub-sub-section"></a>
<h4>Section 2.1</h4>
<p>
Which contains a subsection (2.1).
</p>
<a name="N101EE"></a><a name="source"></a>
<h3 class="underlined_5">Showing preformatted source code</h3>
<p>
Enough about these sections. Let's have a look at more interesting
elements, <span class="codefrag">&lt;source&gt;</span> for instance:
</p>
<pre class="code">
// This example is from the book _Java in a Nutshell_ by David Flanagan.
// Written by David Flanagan. Copyright (c) 1996 O'Reilly &amp; Associates.
// You may study, use, modify, and distribute this example for any purpose.
// This example is provided WITHOUT WARRANTY either expressed or implied.
import java.applet.*; // Don't forget these import statements!
import java.awt.*;
public class FirstApplet extends Applet {
// This method displays the applet.
// The Graphics class is how you do all drawing in Java.
public void paint(Graphics g) {
g.drawString("Hello World", 25, 50);
}
}</pre>
<p>
CDATA sections are used within <span class="codefrag">&lt;source&gt;</span> elements so
that you can write pointy brackets without needing to escape them with
messy <span class="codefrag">&amp;lt;</span> entities ...
</p>
<pre class="code">
&lt;pointy&gt;
easy
&lt;/pointy&gt;
</pre>
<p>
Please take care to still use a sensible line-length within your
source elements.
</p>
<a name="N1020F"></a><a name="table"></a>
<h3 class="underlined_5">Using tables</h3>
<p>
And now for a table:
</p>
<table class="ForrestTable" cellspacing="1" cellpadding="4">
<caption>Table caption</caption>
<tr>
<th colspan="1" rowspan="1">heading cell 1</th>
<th colspan="1" rowspan="1">heading cell 2</th>
<th colspan="1" rowspan="1">heading cell 3</th>
</tr>
<tr>
<td colspan="1" rowspan="1">data cell</td>
<td colspan="2" rowspan="1">this data cell spans two columns</td>
</tr>
<tr>
<td colspan="1" rowspan="1">
Tables can be nested:
</td>
<td colspan="1" rowspan="1">
<table class="ForrestTable" cellspacing="1" cellpadding="4">
<tr>
<th colspan="1" rowspan="1">column 1</th>
<th colspan="1" rowspan="1">column 2</th>
</tr>
<tr>
<td colspan="1" rowspan="1">cell A</td>
<td colspan="1" rowspan="1">cell B</td>
</tr>
</table>
</td>
<td colspan="1" rowspan="1">
<ul>
<li>and can include most other elements</li>
<li>such as lists</li>
</ul>
</td>
</tr>
</table>
<a name="second-figure-anchor" id="second-figure-anchor"></a><a name="N10279"></a><a name="figure"></a>
<h3 class="underlined_5">Using figures</h3>
<p>
And a <span class="codefrag">&lt;figure&gt;</span> to end all of this. Note that this
can also be implemented with an <span class="codefrag">&lt;img&gt;</span> element.
</p>
<div id="" style="text-align: center;">
<img id="" class="figure" alt="The fine Forrest logo" src="images/project-logo.png" height="65" width="220"></div>
</div>
<a name="N10290"></a><a name="changes"></a>
<h2 class="underlined_10">DTD changes</h2>
<div class="section">
<p>
See the generated <a href="../docs_0_80/../dtdx/dtd-docs.html">DTD reference
documentation</a>.
</p>
<a name="N1029D"></a><a name="changes-13"></a>
<h3 class="underlined_5">Changes since document-v12</h3>
<p>
All v1.2 docs will work fine as v1.3 DTD. The main change is the
addition of a @class attribute to every element, which enables the
"extra-css" section in the skinconf to be put to good use.
</p>
<a name="N102A7"></a><a name="changes-12"></a>
<h3 class="underlined_5">Changes since document-v11</h3>
<p>
doc-v12 enhances doc-v11 by relaxing various restrictions that were
found to be unnecessary.
</p>
<ul>
<li>
Links ((link|jump|fork) and inline elements (br|img|icon|acronym) are
allowed inside title.
</li>
<li>
Paragraphs (p|source|note|warning|fixme), table and figure|anchor are
allowed inside li.
</li>
<li>
Paragraphs (p|source|note|warning|fixme), lists (ol|ul|dl), table,
figure|anchor are allowed inside definition lists (dd) and tables (td
and dh).
</li>
<li>
Inline content
(strong|em|code|sub|sup|br|img|icon|acronym|link|jump|fork) is
allowed in strong and em.
</li>
</ul>
</div>
</div>
<!--+
|end content
+-->
<div class="clearboth">&nbsp;</div>
</div>
<div id="footer">
<!--+
|start bottomstrip
+-->
<div class="lastmodified">
<script type="text/javascript"><!--
document.write("Last Published: " + document.lastModified);
// --></script>
</div>
<div class="copyright">
Copyright &copy;
2002-2007 <a href="http://www.apache.org/licenses/">The Apache Software Foundation.</a>
</div>
<!--+
|end bottomstrip
+-->
</div>
</body>
</html>