Google Git
Sign in
apache / forrest / 0281b0c8f2f1a18e78ebd57ac970bc742de2fef6 / . / whiteboard / layout / xml.apache.org / page.html
blob: 328e1baff7f6492d690aa643cedb8973f4fb4065 [file] [log] [blame]
<!--
Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html>
<head>
<title>Cocoon Documentation</title>
<link rel="stylesheet" href="page.css" type="text/css">
</head>
<body>
<form method="get" action="http://www.google.com/search" onsubmit="q.value = query.value + ' site:xml.apache.org'">
<div class="path">
<a href="">Area 3</a>&nbsp;&gt;&nbsp;<a href="">Chapter 3</a>&nbsp;&gt;&nbsp;<a href="">Section 3.3</a>&nbsp;&gt;&nbsp;<a href="">Section 3.3.3</a>&nbsp;&gt;&nbsp;<span class="current">Page 3.3.3.3 [1]</span>
</div>
<table class="top" cellspacing="0" cellpadding="0" summary="the top bar">
<tr>
<td><img src="images/biglogo.gif"></td>
<td valign="middle" align="center" width="100%"><img src="images/cocoon.gif"></td>
<td valign="top" nowrap height="69">
<div class="search">
<input type="hidden" name="q"/>
<input type="text" id="query" size="15"/>&nbsp;<input type="button" value="Search" name="Search"/><br>
<input type="radio" name="web" value="web">web site&nbsp;<input type="radio" name="mail" value="mail">mail lists
</div>
</td>
</tr>
</table>
<div class="tabs">
<span class="tab"><a href="">Area 1</a></span>
<span class="tab"><a href="">Area 2</a></span>
<span class="current">Area 3</span>
<span class="tab"><a href="">Area 4</a></span>
<span class="tab"><a href="">Area 5</a></span>
</div>
<div class="topline">&nbsp;</div>
<table cellspacing="0" cellpadding="0" summary="the content pane">
<tr>
<td width="5" class="navbar">&nbsp;</td>
<td rowspan="2" valign="top" nowrap>
<div class="menu">
<ul>
<li><a href="" class="page">Page 1</a></li>
<li><a href="" class="page">Page 2</a></li>
<li><a href="" class="chapter">Chapter 1</a>
<li><a href="" class="page">Page 3</a></li>
<li class="current"><a href="" class="chapter open">Chapter 3</a>
<ul>
<li><a href="" class="page">Page 3.1</a></li>
<li><a href="" class="page">Page 3.2</a></li>
<li><a href="" class="chapter open">Section 3.3</a>
<ul>
<li><a href="" class="page">Page 3.3.1</a></li>
<li><a href="" class="page">Page 3.3.2</a></li>
<li><a href="" class="chapter open">Section 3.3.3</a>
<ul>
<li><a href="" class="page">Page 3.3.3.1</a></li>
<li><a href="" class="page">Page 3.3.3.2<br/> on two lines</a></li>
<li class="current">Page 3.3.3.3</li>
<li><a href="" class="page">Page 3.3.3.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="" class="page">Page 3.4</a></li>
<li><a href="" class="page">Page 3.5</a></li>
</ul>
</li>
<li><a class="chapter" href="">Chapter 4</a></li>
<li><a class="chapter" href="">Chapter 5</a></li>
<li><a href="" class="page">Page 4</a></li>
<li><a href="" class="page">Page 5</a></li>
</ul>
</div>
</td>
<td valign="top" class="navbar" align="left">Page 1 of 5</td>
<td width="*" valign="top" class="navbar" align="right">
<a href="#">&laquo prev</a> <strong>[1]</strong> <a href="#">next &raquo</a>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2" valign="top" class="content">
<table>
<tr>
<td valign="middle">
<h2>Page 3.3.3.3</h2>
</td>
<td align="center" width="80" nowrap><a href="" class="dida"><img src="images/singlepage.gif"><br>
single page<br>
version</a></td>
<td align="center" width="80" nowrap><a href="" class="dida"><img src="images/printer.gif"><br>
print-friendly<br>
version</a></td>
</tr>
</table>
<p>This is a paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<p>Text can have inline decorations such as: <strong>strong</strong>,
<em>emphasis</em>, <code>code</code>, <sub>subscript</sub>, <sup>superscript</sup>
and <span class="highlight">highlight</span>. <br>
Paragraph text can be multiline like this and<br>
text can also have <a href="/">links</a> and <a href="#">anchors</a>.</p>
<h3>Section</h3>
<p>This is a paragraph under a section.</p>
<pre class="code">This is a preformatted text,
normally used for source code or other textual information
that should preserv
its original
formatting.</pre>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<p>This is paragraph with an unordered list:
<ul>
<li>List item</li>
<li>List item</li>
<li><strong>Strong</strong> list item</li>
<li><em>Emphasized</em> list item</li>
<li>Some more...</li>
</ul>
</p>
<p>This is paragraph with an ordered list:
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li><strong>Strong</strong> List item 3</li>
<li><em>Emphasized</em> List item 4</li>
<li>Some more...</li>
</ol>
</p>
<p>This is paragraph with a description list:
<dl>
<dt>some term</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
<dt>some other term</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
<dt>something</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
<dt>even more</dt>
<dd>blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah
</dd>
</dl>
</p>
<h4>Subsection</h4>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<div class="frame note">
<div class="label">Note</div>
<div class="content">This is a note paragraph. It is used to indicate something
that should stand out to the reader but without indicating problems,
but only information that she/he might have missed or not understood.</div>
</div>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<div class="frame warning">
<div class="label">Warning</div>
<div class="content">This is a warning paragraph. It is used to indicate
something that could be potentially harmful or create problems. It
should stand out in a somewhat more provocative way than 'notes'</div>
</div>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<div class="frame fixme">
<div class="label">Fixme</div>
<div class="content">This is a fixme paragraph. This is used by document
writers to write down information about things that should be modified,
changed, or otherwise fixed. The system should normally avoid rendering
these paragraphs on a public documentation, but only for internal
development builds.</div>
</div>
<h3>Section</h3>
<p>This is another paragraph. A paragraph is a block of text that describes
one or more concepts. It is usually formatted to look like a block of
text and for this reason is separated by other block-type elements with
top and bottom paddings. </p>
<table class="table" cellspacing="1" cellpadding="4">
<caption>This is the table caption</caption>
<tr>
<th>First Column</th><th>Second Column</th><th>Third Column</th>
</tr>
<tr>
<td>This is a regular cell</td><td rowspan="2">This cell spans two columns</td><td>Another regular cell</td>
</tr>
<tr>
<td>Regular Cell</td><th>Header Cell</th>
</tr>
<tr>
<td colspan="2">blah blah blah blah blah</td><td>blah blah blah blah blah</td>
</tr>
<tr>
<td>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</td>
<th>Another Header Cell</th>
<td>blah blah blah blah blahblah blah blah blah blahblah blah blah blah blahblah blah blah blah blahblah blah blah blah blahblah blah blah blah blah</td>
</tr>
</table>
<h3>Section</h3>
<p>What follows is a figure, an image that is treated as a block, thus
centered:</p>
<div align="center"><img class="figure" src="graphs.gif"></div>
<p>This is, instead, the use of an image as an <code>icon</code> <img class="icon" src="images/current.gif">
which is normally used as an element inside a block.</p>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<div class="copyright">
Copyright &copy; 1999-2002 <a href="http://www.apache.org/">Apache Software Foundation</a>. All Rights Reserved.
</div>
</form>
</body>
</html>