pixelspencil/emmet-101.md

Last active March 23, 2021 00:02

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/pixelspencil/8aebabef5cd16b0ac0916aab6f45816b.js"></script>
Save pixelspencil/8aebabef5cd16b0ac0916aab6f45816b to your computer and use it in GitHub Desktop.

Download ZIP

Emmet 101

Raw

Emmet 101
- Using Emmet with HTML
  - Creating nested html using >
  - Creating nested & adjacent html using +

Emmet 101

Using Emmet with HTML

Creating nested html using `>`

<!-- emmet code -->
ul#groceries>li>a>img

<!-- generated html -->
<ul id="groceries">
  <li>
    <a href=""><img src="" alt="" /></a>
  </li>
</ul>

Creating nested & adjacent html using `+`

<!-- emmet code -->
h1+ul#groceries>li>a>img

<!-- generated html -->
<h1></h1>
<ul id="groceries">
  <li>
    <a href=""><img src="" alt="" /></a>
  </li>
</ul>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment