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
.png "Cc295520.fe051ecf-6f8c-4e64-bde7-6cac79b7b305(en-us,Expression.40).png")
|
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. |
|
Tags that nest or wrap around the current tag appear to the left of the current tag. |
|
When you point at a tag, a down arrow appears and provides several options for working with the tag. |
.png "Cc295520.edef891a-6b74-4192-8f7f-5079614b9112(en-us,Expression.40).png")
.png "Cc295520.957413f8-28e0-4dc7-a144-0598679350b9(en-us,Expression.40).png")
.png "Cc295520.13f14333-cc5f-457a-863b-ccd449500941(en-us,Expression.40).png")
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
Tasks
Select code
Delete tags
Edit the properties of an HTML tag
Concepts
Quick Tag Editor
Using code views
The editing window
Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.