6.4. Working with the Quick Tag Selector
The Quick Tag Selector feature of SharePoint Designer allows you to quickly choose a tag and then highlight the content or code associated with the tag in the Design or Code view. On Web pages that have a lot of code, you can use the Quick Tag Selector to quickly identify the location of the code for a specific control in the Code view.
The Quick Tag Selector, as shown in Figure 6.10, is placed just above the page view of the Web page you're working on. It can be enabled or disabled by choosing View 
Quick Tag Selector.
Figure 6.10. The Quick Tag Selector
To use the Quick Tag Selector, simply place the cursor at the location of your choice in the Design view. The Quick Tag Selector shows you a breadcrumb trail–like view of the tags from the location where you placed the cursor to the first parent tag. For example, if you have nested tables in the body of the Web page and you place the cursor in a deeply nested cell, the Quick Tag Selector shows you a view of tags that identify the container table row and table tags until you reach the topmost parent tag. Just click the tag to highlight it in the Design or Code view.
If you hover over a tag in the Quick Tag Selector, an arrow on the right opens a dropdown menu. This dropdown menu has these options:
Select Tag: Selects and highlights the tag in the Design or Code view
Select Tag Contents: Selects the contents of the tag only
Edit Tag: Opens the Quick Tag Editor, allowing you to make modifications to the tag
Remove Tag: Removes the tag if it doesn't have associations with other tags
Insert HTML: Allows you to insert HTML code inside the tag by using the Quick Tag Editor
Wrap Tag: Wraps the tag with the tag you specify in the Quick Tag Editor
Positioning: Allows you to choose the positioning of the tag
Tag Properties: Takes you to the dialog box corresponding to the tag you selected. For example, clicking on the tag properties for the <body> tag opens the Page Properties dialog box.