Emmet

Question 1

Add HTML boilerplate

Answer 1

! + tab

Question 2

add a tag without writing > or

Answer 2

div + tab

a + tab

Question 3

add a tag without writing > or < and set its class

Answer 3

div.className + tab

Question 4

add a tag without writing > or < and set its id

Answer 4

div#idName + tab

Question 5

add a tag without writing > or < and set its id and class

Answer 5

div.className#idName + tab

Question 6

create a DIV (a div mind you) without typing div or > or < and set its id and/or class

Answer 6

.className + tab

and it assumes that you want a div

Question 7

create an element with a specific attribute without typing > or

Answer 7

div[height=”12em”]

Question 8

create a DIV with a specific attribute without typing > or < .

Answer 8

[height=”12em”]

Question 9

create a div with a child

Answer 9

div>span

Question 10

to create elements with emmet, you more or less use CSS selectors
t or f

Answer 10

t

but with no spaces

Question 11

add 3 li in a ul

make 2 divs each with 2 spans

Answer 11

ul>li*3

div2>span2

Question 12

add text to an element

add a number sequence to ANY text when adding multiple elements

Answer 12

div{text here}

div3{text here$} or div3.className-$

Question 13

add a number sequence to text when adding multiple elements with leading zeros

Answer 13

$$
for
01

Question 14

add sibling

Answer 14

div+div

Question 15

add a sibling after we’ve already created a child

2 ways

Answer 15

div>span^div>span
or
(div>span)+div>span