The Tag Selector displays the entire chain
of tags that apply to the current selection or to the cursor position.
For example, when selecting an image placed inside a table cell, the
Tag Selector will display the <IMG>
tag, as well as the parent tags. It could look like this:
You can use the Tag Selector to quickly select
any of the page elements. Simply place the cursor on them, or on elements
they contain: say you want to select a table with invisible borders, and
that includes links/images/movies; place the cursor inside the table and
simply click the <table> tag in the Tag Selector. In the editable region you will see
the table selected (you can consider the example above to see what happens).
When you select an element using the Tag Selector,
its corresponding tag will be displayed the last one in the Tag
Selector, and all its child tags are ignored.
If any of the HTML elements has a style applied, it will be reflected
in the Tag Selector: it displays the tag name,
a dot, and then the class name:
Aside the list of tags that apply for the current element, the Tag Selector also displays two buttons:
Remove Tag - it removes
the selected tag from the page. Any elements that are contained in that
tag will be removed (e.g. the cells and table content when you remove
a <table> tag).
Remove classes - it
deletes the CSS class that is applied to the selected tag. It only removes
it from the tag, not from the CSS file as well.