Wrapping Tags Around Selected Text

 

Introduction

The method of wrapping tags around selected text using the HTML Property Sheet is the same as the method used for inserting tags, with the only difference being that you must select some text first, before you insert your tags.

To Insert Tags around Selected Text:

  1. Select the text in your Editor that you wish to wrap. A list of Available Tags should appear in the top panel of the HTML Property Sheet. If it doesn't then most likely the Property Sheet is still displaying the properties of another set of tags that your selection is sitting within. If this is the case, place a carriage return before the text you wish to select. You can do this by placing your cursor before the text and pressing <ENTER> . Then re-select the text again, including the carriage return to get the Available Tags list to display.

  2. Enter the HTML Property Sheet by pressing <CTRL> + < ENTER>.

  3. Using the arrow keys, scroll through the list of Available Tags, and hit <ENTER> on the tag that you wish to insert. The tag will then be inserted into the editing window. HotDog automatically returns you to the Editor, ready to insert any attributes if you need them. A list of attributes for this tag will appear in the top panel of the HTML Property Sheet. All the attributes are listed according to HTML specification and by the browsers that support them.

graphics/HotDog600000086.gif

To Insert Attributes within the Wrapping Tag:

  1. Enter the HTML Property Sheet from the Editor by pressing <CTRL> + < ENTER>.

  2. Using the arrow keys, scroll through the list of attributes for the tag you have specified. Notice how the bottom panel changes to display the properties of each attribute selected.

  3. Enter values into the Attribute Fields for any attributes you wish to specify.

  4. Once you have entered values for all the attributes you wish to specify, press <CTRL> + <ENTER> to return to the Editor.

NOTE

  • If you would like your tags to be closed automatically upon insertion, then:

  1. In the Edit menu, select Preferences.

  2. In the Preferences dialog, browse to the [Editing Window][Code Completion] panel.

  3. Tick the Automatically Close Tags check box.