Creating Elements With the Toolbar

To create HTML elements, you use the buttons on the bottom row of the toolbar (or at the right of the toolbar if your window is large). There are four groups of buttons, only one of which is displayed at a time. The pop-up list

lets you switch the group of buttons that are displayed to its right. The groups are:

Structures . Use these buttons to create paragraphs, lists, images, and other static HTML elements. See "Structure Elements" for more information.
Tables . Use these buttons to create and manipulate HTML table elements. See "Working With Tables" for more information.
Dynamic form elements . Use these buttons to create form elements in which users enter information. WebObjects gives your application access to the data entered by users by allowing you to associate, or bind, these elements to variables in your application. See "Creating Form-Based Dynamic Elements" for more information.
Other WebObjects . Use these buttons to create other dynamic elements, which you can bind to variables and methods in your program to control how they are displayed. Some of these (such as hyperlinks) have direct HTML equivalents. Others are abstract dynamic elements, such as repetitions and conditionals, which determine how many times an element is displayed or whether it is displayed at all. See "Creating Other WebObjects" for detailed information.

The general procedure for creating an HTML element is:

Place the cursor where you want the element to appear on the page.
Click the toolbar button representing the element you want.

The element is placed at the cursor position.

Select the element (see "Selecting Elements"). In most cases, the element is already selected when you create it.
Bring the Inspector to the front by clicking it. If it is not open, click .

In the Inspector, you can set various properties of the element. For example, you can change a paragraph's type from plain to preformatted.

It's useful to be aware of what happens when you have text or other elements selected and you create a new element:

If the new element is a container element (that is, it can contain other elements), the selected elements are "wrapped" or contained inside the new element.
If the new element cannot contain other elements (for example, a horizontal rule or image), the new element replaces the selection.

Table of Contents

Next Section