Ініціація HTML документа: !<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html> Гіперпосиланя: a<a href=""></a> Поле форми: телефонinput:tel<input type="tel" name="" id="" /> Поле форми: кнопка підтвердженняinput:button <input type="tel" name="" id="" /> Ненумерований списокul>li*5<ul><li></li><li></li><li></li><li></li><li></li></ul> Ненумерований список з класамиul>li.item$*5 <ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> </ul> Групування ()(div>dl>(dt+dd)*3)+footer>p <div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> </div> <footer> <p></p> </footer> Операції з атрибутамиdiv#header+div.page+div#footer.class1.class2.class3 <div id="header"></div> <div class="page"></div> <div id="footer" class="class1 class2 class3"></div> Кастомні атрибутиtd[title=”Hello world!” colspan=3] <td title="Hello world!" colspan="3"></td> Операції з нумеруваннямul>li.item$$$*5 <ul> <li class="item001"></li> <li class="item002"></li> <li class="item003"></li> <li class="item004"></li> <li class="item005"></li> </ul> Нумерування в зворотньому напрямкуul>li.item$@-*5 <ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li> </ul> Налаштування нумеруванняul>li.item$@-3*5<ul> <li class="item7"></li> <li class="item6"></li> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> </ul> Повна шпаргалка по Emmet онлайн Завантажити повну шпаргалку з офіційного сайту Emmet