Emmet Flashcards
Add HTML boilerplate
! + tab
add a tag without writing > or
div + tab
a + tab
add a tag without writing > or < and set its class
div.className + tab
add a tag without writing > or < and set its id
div#idName + tab
add a tag without writing > or < and set its id and class
div.className#idName + tab
create a DIV (a div mind you) without typing div or > or < and set its id and/or class
.className + tab
and it assumes that you want a div
create an element with a specific attribute without typing > or
div[height=”12em”]
create a DIV with a specific attribute without typing > or < .
[height=”12em”]
create a div with a child
div>span
to create elements with emmet, you more or less use CSS selectors
t or f
t
but with no spaces
add 3 li in a ul
make 2 divs each with 2 spans
ul>li*3
div2>span2
add text to an element
add a number sequence to ANY text when adding multiple elements
div{text here}
div3{text here$} or div3.className-$
add a number sequence to text when adding multiple elements with leading zeros
$$
for
01
add sibling
div+div
add a sibling after we’ve already created a child
2 ways
div>span^div>span
or
(div>span)+div>span