WDT - Emmet Shortcuts

Emmet

Emmet is a set of typing shortcuts
it is embedded in VScode
for documentation refer to Emmet.io Web-Site
Type in the text as shown in the

taSyntaxBox

and press TAB The result will be as shown in the

.....

1. To create a div component

div

2. To create a div with reference to the class name type

div.className

3. To create a div with reference to ID selector

div#idName

4. For combination of class and id type

div.className#idName

5. to create hirarchy

div#myID>div.myClass>p>b

> is a son

6. to create multiple childs use *num

ul>li*5>a{Item $}



    Item 1
    Item 2
    Item 3
    Item 4
    Item 5

7. To create a new empty html page

html

you will see a drop down list , from which you can select 4 templates

And Many Many more.......