Blocchi di codice utili per sperimentare con Emmet, dall'articolo pubblicato su SkillsAndMore: https://skillsandmore.org/emmet-crea-strutture-html/

1-crea-div-emmet.html

.test

10-crea-elementi-gemelli.html

<article>
    <header class="titolo"></header>
    <section class="corpo"></section>
    <footer class="piede"></footer>
</article>

2-crea-div-emmet.html

<div class="test"></div>

3-crea-menu-emmet.html

header>nav.menu>ul>li*4

4-crea-menu-emmet.html

<header>
    <nav class="menu">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </nav>
</header>

5-crea-link.html

a[href="http://google.com" title="Google"]

6-crea-link.html

<a href="http://google.com" title="Google"></a>

7-crea-fake-content.html

ul>li.item$*5>a{Link$}

8-crea-fake-content.html

<ul>
    <li class="item1"><a href="">Link1</a></li>
    <li class="item2"><a href="">Link2</a></li>
    <li class="item3"><a href="">Link3</a></li>
    <li class="item4"><a href="">Link4</a></li>
    <li class="item5"><a href="">Link5</a></li>
</ul>

9-crea-elementi-gemelli.html

article>header.titolo+section.corpo+footer.piede