www. Expression - Web - 3 .com
1.866.363.5633
| |
Microsoft Expression Web 3 Tutorial for Beginners-Step by Step is a |
| Review This Site |
 |
Quick Start Checklist
Training DVDs & Products
Expression Web 3 & 4 Tutorial
Visual Aids Quick Tag Selector Ruler & Grid Page Properties
The Quick Tag Selector
What is it? Where is it? and What's it do?
The Quck Tag Selector reveals the nesting order
of HTML Elements based upon where you place your cursor on the Web
Page in Design View. And I noticed it also
works in Code View in Expression Web 4.
The Quick Tag Selector is a very useful tool that I recommend all to use.
Sometimes I get distracted by something else, and when I come back to my web page, I somtimes forget where I was. I can just look at the Quick Tag Selector to see what element I was working with.
Or, if I want to make sure I nested my elements correctly, I just place my cursor in a particular part of the page and then look at the Quick Tag Selector to see the nested order.
This is very helpful in numerous situations, such as when making your layout. I also use it to take a quick look-see to find out what HTML Element my cursor is nested inside of.
Can Edit HTML with the Quick Tag Selector
You can open the Quick Tag Editor by clicking on the little down arrow next to one of the html tags in the Quick Tag Selector. This is a fast and easy way to edit html tags.
See below....
Quick Tag Editor
Wanna change a <p> into a <div>? And do it in a matter of seconds? Well, you can. So stop fighting with the Cursor because you can't place it where you want it in the page. Use the Quick Tag Editor!
To Open the Quick Tag Editor
Hover your cursor over an element in the Quick Tag Selector. A Down-arrow will appear. Click on the arrow to see the drop down menu as shown below.
Then, choose Edit Tag.... to open the Quick Tag Editor.
You can see the Quick Tag Editor below.
Quick Tag Editor
Change a <p> to a <div>
Locate the <p> tag in Design View that you would like to change, and click inside of it.
Now go to the Quick Tag Selector, hover over the <p>, click on the down arrow, and choose Edit Tag.
Backspace over the letter p and type div and press enter.
You now have a div tag where there once was a paragraph tag.