home *** CD-ROM | disk | FTP | other *** search
- <?xml version="1.0" encoding="iso-8859-1"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <meta content="text/html; charset=iso-8859-1" />
- <meta name="GENERATOR" content="amaya 8.2+, see http://www.w3.org/Amaya/" />
- <title>Creating Nested Structures</title>
- <style type="text/css">
- </style>
- <link href="../style.css" rel="stylesheet" type="text/css" />
- </head>
-
- <body xml:lang="en" lang="en">
-
- <table border="0" width="100%" summary="toc">
- <tbody>
- <tr>
- <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
- src="../../images/amaya.gif" /></td>
- <td><p align="right"><a href="exiting_anchors.html" accesskey="p"><img
- alt="previous" src="../../images/left.gif" /></a> <a
- href="../Creating.html" accesskey="t"><img alt="top"
- src="../../images/up.gif" /></a> <a
- href="changing_the_document_title.html" accesskey="n"><img alt="next"
- src="../../images/right.gif" /></a></p>
- </td>
- </tr>
- </tbody>
- </table>
-
- <div id="page_body">
- <h1>Creating Nested Structures</h1>
-
- <p>When the insertion point is in an empty element, pressing the
- <strong>Enter</strong> key replaces that element by another empty element at
- the next higher level in the document structure. This feature allows you to
- create complex, nested structures very quickly.</p>
-
- <p>As an example, consider the following structure:</p>
- <ul>
- <li>The first item in the list
- <p>A paragraph in the first item</p>
- </li>
- <li>The second item in the list.
- <ul>
- <li>First item in the nested list.</li>
- <li>Second item in the nested list.</li>
- </ul>
- </li>
- <li>Last item in the list</li>
- </ul>
-
- <p class="ProcedureCaption">To create the above structure:</p>
- <ol>
- <li>Click the <strong>Bullet List</strong> button to create the first item
- in the list.
- <p></p>
- </li>
- <li>Type in the list item text, and press the <strong>Enter</strong> key
- once. Amaya creates a new paragraph within the list item.
- <p></p>
- </li>
- <li>Type the paragraph text, and press the <strong>Enter</strong> key
- twice. The first <strong>Enter</strong> creates another paragraph
- element, but the second <strong>Enter</strong> removes that paragraph and
- creates a second bullet list item in the original list.
- <p></p>
- </li>
- <li>Type the second list item.
- <p></p>
- </li>
- <li>Click the <strong>Bullet List</strong> button to create a new list. The
- new list is automatically nested within the first list.
- <p></p>
- </li>
- <li>Type the text for the first item in the new list, and press the
- <strong>Enter</strong> key twice to create a new item in the nested list.
- <p></p>
- </li>
- <li>Type the text for the second list item, and press the
- <strong>Enter</strong> key four times to create a new list item in the
- original list.
- <p></p>
- </li>
- <li>Type the final list item, and then press the <strong>Enter</strong> key
- three times to close the original list and start a new paragraph.
- <p></p>
- </li>
- </ol>
-
- <p>The <strong>Enter</strong> key works in the same way when the insertion
- point is at the beginning of an element, but it creates new elements before
- the current element. For example, to add a list item between the first two
- items in the above structure, place the cursor at the beginning of the second
- list item, and press the <strong>Enter</strong> key twice.</p>
-
- <p class="Note"><b>Note</b>: This use of the <strong>Enter</strong> key
- does not apply only to lists and paragraphs, but to all elements. For
- example, it is very helpful for creating tables.</p>
- </div>
- </body>
- </html>
-