Share via


Quick Tag Selector

The Quick Tag Selector bar make it easier for you to select, edit, and remove tags while working in the Code or Design view of a web page.

The Quick Tag Selector bar is fixed at the top of the editing window. When you place the insertion point anywhere on a page, the Quick Tag Selector bar displays a tag showing the underlying HTML tag for that area. Tags that contain the current tag appear to the left of the tag in the Quick Tag Selector bar. For example, if the insertion point is in a table cell, the <td> tag, which represents a table cell, appears in the Quick Tag Selector bar, and is preceded by a <tr> tag for the table row, and a <table> tag for the table.

When you move the pointer over a tag in the Quick Tag Selector bar, the tag's content is outlined in Design view and an arrow appears on the tag in the Quick Tag Selector bar. You can click this arrow to select a tag and its content, select only the content of the tag, edit or remove the tag, open the Quick Tag Editor dialog box, or open the properties dialog box for an item.

Quick Tag Selector bar

Cc295520.a4ed80ab-cf72-4073-9357-997e5ff3893f(en-us,Expression.10).bmp

  1. Arrows on either end of the bar enable you to scroll through the tags when the bar isn't wide enough to display all of the current tags.

  2. Tags that nest or wrap around the current tag appear to the left of the current tag.

  3. When you point at a tag, a down arrow appears and provides several options for working with the tag.

  1. Quick tag selector bar actions

Use this

To do this

Select Tag

Selects the start and end tags and the content of those tags.

Select Tag Contents

Selects only the content of the start and end tags.

Edit Tag

Displays the Quick Tag Editor dialog box, which enables you to edit the current tag, including attributes and other aspects of the tag.

Remove Tag

Removes the start and end tags, but leaves the content of those tags.

Insert HTML

Displays the Quick Tag Editor dialog box, which enables you to add HTML to the page.

Wrap Tag

Displays the Quick Tag Editor dialog box, which enables you to wrap a tag that you specify around the tag that you selected. The current tag becomes nested inside the tag you specify in the dialog.

Tag Properties

Opens the properties dialog box for the tag.

To show or hide the quick tag selector bar

  • On the View menu, click Quick Tag Selector.

See also

Concepts

Quick Tag Editor

Code and script tools overview

Select code

Delete tags

Edit the properties of an HTML tag

Editing window